ffmpegwasm
diff --git a/‎.eslintrc
Lines changed: 2 additions & 1 deletion b/‎.eslintrc
Lines changed: 2 additions & 1 deletion
diff --git a/‎examples/browser/image2video.html
Lines changed: 51 additions & 0 deletions b/‎examples/browser/image2video.html
Lines changed: 51 additions & 0 deletions
diff --git a/‎examples/node/image2video.js
Lines changed: 23 additions & 0 deletions b/‎examples/node/image2video.js
Lines changed: 23 additions & 0 deletions
diff --git a/‎src/utils/extractProgress.js
Lines changed: 4 additions & 1 deletion b/‎src/utils/extractProgress.js
Lines changed: 4 additions & 1 deletion
diff --git a/‎tests/assets/triangle/audio.ogg
463 KB b/‎tests/assets/triangle/audio.ogg
463 KB
diff --git a/‎tests/assets/triangle/tmp.000.png
18.5 KB b/‎tests/assets/triangle/tmp.000.png
18.5 KB
diff --git a/‎tests/assets/triangle/tmp.001.png
25 KB b/‎tests/assets/triangle/tmp.001.png
25 KB
diff --git a/‎tests/assets/triangle/tmp.002.png
28.7 KB b/‎tests/assets/triangle/tmp.002.png
28.7 KB
diff --git a/‎tests/assets/triangle/tmp.003.png
31 KB b/‎tests/assets/triangle/tmp.003.png
31 KB
diff --git a/‎tests/assets/triangle/tmp.004.png
32.6 KB b/‎tests/assets/triangle/tmp.004.png
32.6 KB
@@ -3,7 +3,8 @@
   "rules": {
     "no-underscore-dangle": 0,
     "linebreak-style": 0,
-    "global-require": 0
+    "global-require": 0,
+    "no-await-in-loop": 0,
   },
   "env": {
     "browser": true,
 
@@ -0,0 +1,51 @@
+<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>Click start to transcode images to mp4 (x264) and play!</h3>
+    <video id="output-video" controls></video><br/>
+    <button id="start-btn">Start</button>
+    <p id="message"></p>
+    <a href="https://github.com/ffmpegjs/ffmpeg.js/tree/master/tests/assets/triangle">Data Set</a>
+    <script>
+      const { createWorker } = FFmpeg;
+      const worker = createWorker({
+        corePath: '../../node_modules/@ffmpeg/core/ffmpeg-core.js',
+        progress: (p) => console.log(p),
+      });
+
+      const image2video = async () => {
+        const message = document.getElementById('message');
+        message.innerHTML = 'Loading ffmpeg-core.js';
+        await worker.load();
+        message.innerHTML = 'Loading data';
+        await worker.write('audio.ogg', '../../tests/assets/triangle/audio.ogg');
+        for (let i = 0; i < 60; i += 1) {
+          const num = `00${i}`.slice(-3);
+          await worker.write(`tmp.${num}.png`, `../../tests/assets/triangle/tmp.${num}.png`);
+        }
+        message.innerHTML = 'Start transcoding';
+        await worker.run('-framerate 30 -pattern_type glob -i *.png -i audio.ogg -c:a copy -shortest -c:v libx264 -pix_fmt yuv420p out.mp4');
+        const { data } = await worker.read('out.mp4');
+
+        const video = document.getElementById('output-video');
+        video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
+      }
+      const elm = document.getElementById('start-btn');
+      elm.addEventListener('click', image2video);
+    </script>
+  </body>
+</html>
@@ -0,0 +1,23 @@
+const fs = require('fs');
+const { createWorker } = require('../../src');
+
+const worker = createWorker({
+  progress: (p) => console.log(p),
+});
+
+(async () => {
+  console.log('Loading ffmpeg-core.js');
+  await worker.load();
+  console.log('Loading data');
+  await worker.write('audio.ogg', '../../tests/assets/triangle/audio.ogg');
+  for (let i = 0; i < 60; i += 1) {
+    const num = `00${i}`.slice(-3);
+    await worker.write(`tmp.${num}.png`, `../../tests/assets/triangle/tmp.${num}.png`);
+  }
+  console.log('Start transcoding');
+  await worker.run('-framerate 30 -pattern_type glob -i *.png -i audio.ogg -c:a copy -shortest -c:v libx264 -pix_fmt yuv420p out.mp4');
+  const { data } = await worker.read('out.mp4');
+  console.log('Complete transcoding');
+  fs.writeFileSync('out.mp4', Buffer.from(data));
+  process.exit(0);
+})();
@@ -8,7 +8,10 @@ const ts2sec = (ts) => {
 module.exports = ({ message }, progress) => {
   if (message.startsWith('  Duration')) {
     const ts = message.split(', ')[0].split(': ')[1];
-    duration = ts2sec(ts);
+    const d = ts2sec(ts);
+    if (duration === 0 || duration > d) {
+      duration = d;
+    }
   } else if (message.startsWith('frame')) {
     const ts = message.split('time=')[1].split(' ')[0];
     const t = ts2sec(ts);