trim.html

trim.html

@@ -29,6 +29,7 @@
         let ffmpeg = null;
         const trim = async ({ target: { files } }) => {
             const message1 = document.getElementById('message');
+            message1.innerHTML = '任务开始,请耐心等待';
             if (ffmpeg === null) {
               ffmpeg = new FFmpeg();
               ffmpeg.on("log", ({ message }) => {
@@ -38,15 +39,17 @@
               ffmpeg.on("progress", ({ progress }) => {
                 //message1.innerHTML = `load ffmpeg.wasm ${progress * 100} %`;
               });
+              message1.innerHTML = message1.innerHTML + "<br>" + '下载ffmpeg-wasm-core文件,请耐心等待';
               await ffmpeg.load({
                 coreURL: "/assets/core/package/dist/umd/ffmpeg-core.js",
               });
             }
+            message1.innerHTML = message1.innerHTML + "<br>" + 'Start trimming';
             const start = document.getElementById('startTime').value;
             const end = document.getElementById('endTime').value;
             const { name } = files[0];
             await ffmpeg.writeFile(name, await fetchFile(files[0]));
-            message1.innerHTML = 'Start trimming';
+            message1.innerHTML = message1.innerHTML + "<br>" + 'Start trimming';
             await ffmpeg.exec(['-i', name, '-ss', start, '-to', end, 'output.mp4']);
             message1.innerHTML = message1.innerHTML + "<br>" + 'Complete trimming';
             const data = await ffmpeg.readFile('output.mp4');