Refactor to worker version

2019-10-24 07:47:11 +08:00
parent 99adf5138c
commit 9e5d0c5cc6
42 changed files with 579 additions and 109 deletions
--- a/examples/browser/transcode.html
+++ b/examples/browser/transcode.html
@@ -0,0 +1,36 @@
+<html>
+  <head>
+    <script src="/dist/ffmpeg.dev.js"></script>
+  </head>
+  <body>
+    <input type="file" id="uploader">
+    <video controls>
+      <source id="video-src" type="video/mp4">
+    </video>
+    <script>
+      const { createWorker } = FFmpeg;
+      const worker = createWorker({
+        corePath: '../../node_modules/@ffmpeg/core/ffmpeg-core.js',
+      });
+
+      const bufferToBase64 = (buf) => {
+        const binstr = Array.prototype.map.call(buf, function (ch) {
+          return String.fromCharCode(ch);
+        }).join('');
+        return btoa(binstr);
+      }
+
+      const transcode = async ({ target: { files }  }) => {
+        await worker.load();
+        console.log('Start transcoding');
+        const { data } = await worker.transcode('/tests/assets/test.avi', 'mp4');
+        console.log(data);
+        console.log('Complete transcoding');
+        const b64 = bufferToBase64(data);
+        document.getElementById('video-src').setAttribute('src', `data:video/mp4;base64,${b64}`);
+      }
+      const elm = document.getElementById('uploader');
+      elm.addEventListener('change', transcode);
+    </script>
+  </body>
+</html>