demo格式转换添加拖拽文件操作

601Jay · Jan 1, 2020 · fd047f2 · fd047f2
1 parent 11b0420
commit fd047f2
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 0 deletions.
diff --git a/assets/runtime-codes/lib.transform.mp32other.js b/assets/runtime-codes/lib.transform.mp32other.js
@@ -60,6 +60,7 @@ var test=function(mp3Blob){
 
 	//数据格式一 Blob
 	Recorder.Mp32Other(set,mp3Blob,function(blob,duration,rec){
+		console.log(blob,(window.URL||webkitURL).createObjectURL(blob));
 		Runtime.Log("mp3 src blob 转换成 wav...",2);
 		Runtime.LogAudio(blob,duration,rec);
 	},function(msg){
@@ -141,4 +142,39 @@ function recStop(){
 	},function(msg){
 		Runtime.Log("录音失败:"+msg, 1);
 	});
+};
+
+
+
+
+//*****拖拽或者选择文件******
+$(".choiceFileBox").remove();
+Runtime.Log('<div class="choiceFileBox">\
+	<div class="dropFile" onclick="$(\'.choiceFile\').click()" style="border: 3px dashed #a2a1a1;background:#eee; padding:30px 0; margin-top:30px; text-align:center;cursor: pointer;">\
+	拖拽mp3到这里 / 点此选择，并转换\
+	</div>\
+	<input type="file" class="choiceFile" style="display:none" accept="audio/mp3">\
+</div>');
+$(".dropFile").bind("dragover",function(e){
+	e.preventDefault();
+}).bind("drop",function(e){
+	e.preventDefault();
+
+	readChoiceFile(e.originalEvent.dataTransfer.files);
+});
+$(".choiceFile").bind("change",function(e){
+	readChoiceFile(e.target.files);
+});
+function readChoiceFile(files){
+	if(!files.length){
+		return;
+	};
+
+	var file = files[0];
+	Runtime.Log("发现"+files.length+"个文件，只转换第1个:"+file.name+"，开始转换...");
+	var reader = new FileReader();
+	reader.onload = function(e){
+		test(new Blob([e.target.result]));
+	}
+	reader.readAsArrayBuffer(file);
 };
diff --git a/assets/runtime-codes/lib.transform.wav2other.js b/assets/runtime-codes/lib.transform.wav2other.js
@@ -73,6 +73,7 @@ var test=function(wavBlob){
 
 	//数据格式一 Blob
 	Recorder.Wav2Other(set,wavBlob,function(blob,duration,rec){
+		console.log(blob,(window.URL||webkitURL).createObjectURL(blob));
 		Runtime.Log("wav src blob 转换成 mp3...",2);
 		Runtime.LogAudio(blob,duration,rec);
 	},function(msg){
@@ -160,4 +161,39 @@ function recStop(){
 	},function(msg){
 		Runtime.Log("录音失败:"+msg, 1);
 	});
+};
+
+
+
+
+//*****拖拽或者选择文件******
+$(".choiceFileBox").remove();
+Runtime.Log('<div class="choiceFileBox">\
+	<div class="dropFile" onclick="$(\'.choiceFile\').click()" style="border: 3px dashed #a2a1a1;background:#eee; padding:30px 0; margin-top:30px; text-align:center;cursor: pointer;">\
+	拖拽wav到这里 / 点此选择，并转换\
+	</div>\
+	<input type="file" class="choiceFile" style="display:none" accept="audio/wav">\
+</div>');
+$(".dropFile").bind("dragover",function(e){
+	e.preventDefault();
+}).bind("drop",function(e){
+	e.preventDefault();
+
+	readChoiceFile(e.originalEvent.dataTransfer.files);
+});
+$(".choiceFile").bind("change",function(e){
+	readChoiceFile(e.target.files);
+});
+function readChoiceFile(files){
+	if(!files.length){
+		return;
+	};
+
+	var file = files[0];
+	Runtime.Log("发现"+files.length+"个文件，只转换第1个:"+file.name+"，开始转换...");
+	var reader = new FileReader();
+	reader.onload = function(e){
+		test(new Blob([e.target.result]));
+	}
+	reader.readAsArrayBuffer(file);
 };