Adopt lerna and typescript

2022-09-13 17:23:21 +08:00
parent d2ea0066a7
commit 94bb51d073
139 changed files with 35770 additions and 11094 deletions
--- a/packages/ffmpeg/examples/browser/transcode.html
+++ b/packages/ffmpeg/examples/browser/transcode.html
@@ -0,0 +1,57 @@
+<html>
+  <head>
+    <script src="/dist/ffmpeg.dev.js"></script>
+    <style>
+      html, body {
+        margin: 0;
+        width: 100%;
+        height: 100%
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+    </style>
+  </head>
+  <body>
+    <h3>Upload a video to transcode to mp4 (x264) and play!</h3>
+    <video id="output-video" controls></video><br/>
+    <input type="file" id="uploader">
+    <button onClick="cancel()">Cancel</button>
+    <p id="message"></p>
+    <script>
+      const { createFFmpeg, fetchFile } = FFmpeg;
+      let ffmpeg = null;
+
+      const transcode = async ({ target: { files } }) => {
+        if (ffmpeg === null) {
+          ffmpeg = createFFmpeg({ log: true });
+        }
+        const message = document.getElementById('message');
+        const { name } = files[0];
+        message.innerHTML = 'Loading ffmpeg-core.js';
+        if (!ffmpeg.isLoaded()) {
+          await ffmpeg.load();
+        }
+        ffmpeg.FS('writeFile', name, await fetchFile(files[0]));
+        message.innerHTML = 'Start transcoding';
+        await ffmpeg.run('-i', name,  'output.mp4');
+        message.innerHTML = 'Complete transcoding';
+        const data = ffmpeg.FS('readFile', 'output.mp4');
+
+        const video = document.getElementById('output-video');
+        video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
+      }
+      const elm = document.getElementById('uploader');
+      elm.addEventListener('change', transcode);
+
+      const cancel = () => {
+        try {
+          ffmpeg.exit();
+        } catch(e) {}
+        ffmpeg = null;
+      }
+    </script>
+  </body>
+</html>