Reorg folders and use core as ffmpeg from now on
Jerome Wu
BIN
packages/util/examples/assets/StarWars3.wav
Normal file
BIN
packages/util/examples/assets/flame.avi
Normal file
BIN
packages/util/examples/assets/triangle/audio.ogg
Normal file
BIN
packages/util/examples/assets/triangle/tmp.000.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
packages/util/examples/assets/triangle/tmp.001.png
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
packages/util/examples/assets/triangle/tmp.002.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
packages/util/examples/assets/triangle/tmp.003.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
packages/util/examples/assets/triangle/tmp.004.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.005.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
packages/util/examples/assets/triangle/tmp.006.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.007.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.008.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.009.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.010.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.011.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.012.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.013.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.014.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.015.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.016.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.017.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.018.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.019.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
packages/util/examples/assets/triangle/tmp.020.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
packages/util/examples/assets/triangle/tmp.021.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.022.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.023.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.024.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.025.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
packages/util/examples/assets/triangle/tmp.026.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
packages/util/examples/assets/triangle/tmp.027.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
packages/util/examples/assets/triangle/tmp.028.png
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
packages/util/examples/assets/triangle/tmp.029.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.030.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
packages/util/examples/assets/triangle/tmp.031.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.032.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.033.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
packages/util/examples/assets/triangle/tmp.034.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.035.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.036.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
packages/util/examples/assets/triangle/tmp.037.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.038.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.039.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
packages/util/examples/assets/triangle/tmp.040.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.041.png
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
packages/util/examples/assets/triangle/tmp.042.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.043.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.044.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
packages/util/examples/assets/triangle/tmp.045.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.046.png
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
packages/util/examples/assets/triangle/tmp.047.png
Normal file
|
After Width: | Height: | Size: 37 KiB |
BIN
packages/util/examples/assets/triangle/tmp.048.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.049.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
packages/util/examples/assets/triangle/tmp.050.png
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
packages/util/examples/assets/triangle/tmp.051.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.052.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
packages/util/examples/assets/triangle/tmp.053.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
packages/util/examples/assets/triangle/tmp.054.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.055.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.056.png
Normal file
|
After Width: | Height: | Size: 35 KiB |
BIN
packages/util/examples/assets/triangle/tmp.057.png
Normal file
|
After Width: | Height: | Size: 34 KiB |
BIN
packages/util/examples/assets/triangle/tmp.058.png
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
packages/util/examples/assets/triangle/tmp.059.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
22
packages/util/examples/browser/README.md
Normal file
@@ -0,0 +1,22 @@
|
||||
Browser Examples
|
||||
==================
|
||||
|
||||
To run this example, execute:
|
||||
|
||||
```
|
||||
$ npm start
|
||||
```
|
||||
|
||||
Visit http://localhost:3000/examples/browser/transcode.html
|
||||
|
||||
|
||||
Web Worker Examples
|
||||
==================
|
||||
|
||||
To run the webworker example, execute:
|
||||
|
||||
```
|
||||
$ npm run start:worker
|
||||
```
|
||||
|
||||
Visit http://localhost:3000/examples/browser/transcode.worker.html
|
||||
55
packages/util/examples/browser/concatDemuxer.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<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>Select multiple video files to Concatenate</h3>
|
||||
<video id="output-video" controls></video><br />
|
||||
<input type="file" id="uploader" multiple />
|
||||
<p id="message"></p>
|
||||
<script>
|
||||
const { createFFmpeg, fetchFile } = FFmpeg;
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
const transcode = async ({ target: { files } }) => {
|
||||
const message = document.getElementById("message");
|
||||
message.innerHTML = "Loading ffmpeg-core.js";
|
||||
await ffmpeg.load();
|
||||
message.innerHTML = "Start Concating";
|
||||
const inputPaths = [];
|
||||
for (const file of files) {
|
||||
const { name } = file;
|
||||
ffmpeg.FS('writeFile', name, await fetchFile(file));
|
||||
inputPaths.push(`file ${name}`);
|
||||
}
|
||||
ffmpeg.FS('writeFile', 'concat_list.txt', inputPaths.join('\n'));
|
||||
await ffmpeg.run('-f', 'concat', '-safe', '0', '-i', 'concat_list.txt', 'output.mp4');
|
||||
message.innerHTML = "Complete Concating";
|
||||
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);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
53
packages/util/examples/browser/image2video.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<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/examples/assets/triangle">Data Set</a>
|
||||
<script>
|
||||
const { createFFmpeg, fetchFile } = FFmpeg;
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
const image2video = async () => {
|
||||
const message = document.getElementById('message');
|
||||
message.innerHTML = 'Loading ffmpeg-core.js';
|
||||
await ffmpeg.load();
|
||||
message.innerHTML = 'Loading data';
|
||||
ffmpeg.FS('writeFile', 'audio.ogg', await fetchFile('../assets/triangle/audio.ogg'));
|
||||
for (let i = 0; i < 60; i += 1) {
|
||||
const num = `00${i}`.slice(-3);
|
||||
ffmpeg.FS('writeFile', `tmp.${num}.png`, await fetchFile(`../assets/triangle/tmp.${num}.png`));
|
||||
}
|
||||
message.innerHTML = 'Start transcoding';
|
||||
await ffmpeg.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 = ffmpeg.FS('readFile', 'out.mp4');
|
||||
ffmpeg.FS('unlink', 'audio.ogg')
|
||||
for (let i = 0; i < 60; i += 1) {
|
||||
const num = `00${i}`.slice(-3);
|
||||
ffmpeg.FS('unlink', `tmp.${num}.png`);
|
||||
}
|
||||
|
||||
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>
|
||||
57
packages/util/examples/browser/transcode.html
Normal file
@@ -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>
|
||||
48
packages/util/examples/browser/transcode.worker.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<html>
|
||||
<head>
|
||||
<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">
|
||||
<p id="message"></p>
|
||||
<script type="module">
|
||||
const worker = new Worker(new URL('./transcode.worker.js', import.meta.url).href);
|
||||
worker.onmessage = (event) => {
|
||||
const {data} = event;
|
||||
message.innerHTML = 'Complete transcoding';
|
||||
const video = document.getElementById('output-video');
|
||||
video.src = URL.createObjectURL(new Blob([data.buffer], { type: 'video/mp4' }));
|
||||
}
|
||||
worker.onerror = (error) => console.log(error);
|
||||
const transcode = async ({ target: { files } }) => {
|
||||
const message = document.getElementById('message');
|
||||
const [file] = files;
|
||||
|
||||
let name = file.name.split('.');
|
||||
const inType = name.pop();
|
||||
name = name.join();
|
||||
const buffer = await file.arrayBuffer();
|
||||
const outType = 'mp4';
|
||||
|
||||
worker.postMessage({name, inType, outType, buffer}, [buffer]);
|
||||
|
||||
message.innerHTML = 'Start transcoding';
|
||||
}
|
||||
const elm = document.getElementById('uploader');
|
||||
elm.addEventListener('change', transcode);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
24
packages/util/examples/browser/transcode.worker.js
Normal file
@@ -0,0 +1,24 @@
|
||||
importScripts('/dist/ffmpeg.dev.js');
|
||||
const ffmpeg = self.FFmpeg.createFFmpeg({log: true});
|
||||
|
||||
onmessage = async (event) => {
|
||||
try {
|
||||
const {buffer, name, inType, outType} = event.data;
|
||||
if (!ffmpeg.isLoaded()) {
|
||||
await ffmpeg.load();
|
||||
}
|
||||
|
||||
ffmpeg.FS('writeFile', `${name}.${inType}`, new Uint8Array(buffer));
|
||||
await ffmpeg.run('-i', `${name}.${inType}`, `${name}.${outType}`);
|
||||
const data = ffmpeg.FS('readFile', `${name}.${outType}`);
|
||||
|
||||
postMessage({buffer: data.buffer, type: "result"}, [data.buffer]);
|
||||
|
||||
// delete files from memory
|
||||
ffmpeg.FS('unlink', `${name}.${inType}`);
|
||||
ffmpeg.FS('unlink', `${name}.${outType}`);
|
||||
} catch (e) {
|
||||
postMessage({type: "error", error: e});
|
||||
}
|
||||
}
|
||||
|
||||
44
packages/util/examples/browser/trim.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<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 mp4 (x264) video and trim its first 1 seconds and play!</h3>
|
||||
<video id="output-video" controls></video><br/>
|
||||
<input type="file" id="uploader">
|
||||
<p id="message"></p>
|
||||
<script>
|
||||
const { createFFmpeg, fetchFile } = FFmpeg;
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
const trim = async ({ target: { files } }) => {
|
||||
const message = document.getElementById('message');
|
||||
const { name } = files[0];
|
||||
message.innerHTML = 'Loading ffmpeg-core.js';
|
||||
await ffmpeg.load();
|
||||
message.innerHTML = 'Start trimming';
|
||||
ffmpeg.FS('writeFile', name, await fetchFile(files[0]));
|
||||
await ffmpeg.run('-i', name, '-ss', '0', '-to', '1', 'output.mp4');
|
||||
message.innerHTML = 'Complete trimming';
|
||||
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', trim);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
72
packages/util/examples/browser/webcam.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<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>Record video from webcam and transcode to mp4 (x264) and play!</h3>
|
||||
<div>
|
||||
<video id="webcam" width="320px" height="180px"></video>
|
||||
<video id="output-video" width="320px" height="180px" controls></video>
|
||||
</div>
|
||||
<button id="record" disabled>Start Recording</button>
|
||||
<p id="message"></p>
|
||||
<script>
|
||||
const { createFFmpeg, fetchFile } = FFmpeg;
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
const webcam = document.getElementById('webcam');
|
||||
const recordBtn = document.getElementById('record');
|
||||
const startRecording = () => {
|
||||
const rec = new MediaRecorder(webcam.srcObject);
|
||||
const chunks = [];
|
||||
|
||||
recordBtn.textContent = 'Stop Recording';
|
||||
recordBtn.onclick = () => {
|
||||
rec.stop();
|
||||
recordBtn.textContent = 'Start Recording';
|
||||
recordBtn.onclick = startRecording;
|
||||
}
|
||||
|
||||
rec.ondataavailable = e => chunks.push(e.data);
|
||||
rec.onstop = async () => {
|
||||
transcode(new Uint8Array(await (new Blob(chunks)).arrayBuffer()));
|
||||
};
|
||||
rec.start();
|
||||
};
|
||||
|
||||
(async () => {
|
||||
webcam.srcObject = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
|
||||
await webcam.play();
|
||||
recordBtn.disabled = false;
|
||||
recordBtn.onclick = startRecording;
|
||||
})();
|
||||
|
||||
const transcode = async (webcamData) => {
|
||||
const message = document.getElementById('message');
|
||||
const name = 'record.webm';
|
||||
message.innerHTML = 'Loading ffmpeg-core.js';
|
||||
await ffmpeg.load();
|
||||
message.innerHTML = 'Start transcoding';
|
||||
ffmpeg.FS('writeFile', name, await fetchFile(webcamData));
|
||||
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' }));
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
13
packages/util/examples/node/concatDemuxer.js
Executable file
@@ -0,0 +1,13 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'flame.avi', await fetchFile('../assets/flame.avi'));
|
||||
ffmpeg.FS('writeFile', 'concat_list.txt', 'file flame.avi\nfile flame.avi');
|
||||
await ffmpeg.run('-f', 'concat', '-safe', '0', '-i', 'concat_list.txt', 'flame.mp4');
|
||||
await fs.promises.writeFile('flame.mp4', ffmpeg.FS('readFile', 'flame.mp4'));
|
||||
process.exit(0);
|
||||
})();
|
||||
12
packages/util/examples/node/hstack.js
Executable file
@@ -0,0 +1,12 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'flame.avi', await fetchFile('../assets/flame.avi'));
|
||||
await ffmpeg.run('-i', 'flame.avi', '-i', 'flame.avi', '-filter_complex', 'hstack', 'flame.mp4');
|
||||
await fs.promises.writeFile('flame.mp4', ffmpeg.FS('readFile', 'flame.mp4'));
|
||||
process.exit(0);
|
||||
})();
|
||||
22
packages/util/examples/node/image2video.js
Executable file
@@ -0,0 +1,22 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'audio.ogg', await fetchFile('../assets/triangle/audio.ogg'));
|
||||
for (let i = 0; i < 60; i += 1) {
|
||||
const num = `00${i}`.slice(-3);
|
||||
ffmpeg.FS('writeFile', `tmp.${num}.png`, await fetchFile(`../assets/triangle/tmp.${num}.png`));
|
||||
}
|
||||
console.log(ffmpeg.FS('readdir', '/'));
|
||||
await ffmpeg.run('-framerate', '30', '-pattern_type', 'glob', '-i', '*.png', '-i', 'audio.ogg', '-c:a', 'copy', '-shortest', '-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4');
|
||||
await ffmpeg.FS('unlink', 'audio.ogg');
|
||||
for (let i = 0; i < 60; i += 1) {
|
||||
const num = `00${i}`.slice(-3);
|
||||
await ffmpeg.FS('unlink', `tmp.${num}.png`);
|
||||
}
|
||||
await fs.promises.writeFile('out.mp4', ffmpeg.FS('readFile', 'out.mp4'));
|
||||
process.exit(0);
|
||||
})();
|
||||
14
packages/util/examples/node/multiple-output.js
Executable file
@@ -0,0 +1,14 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'flame.avi', await fetchFile('../assets/flame.avi'));
|
||||
await ffmpeg.run('-i', 'flame.avi', '-map', '0:v', '-r', '25', 'out_%06d.bmp');
|
||||
ffmpeg.FS('readdir', '/').filter((p) => p.endsWith('.bmp')).forEach(async (p) => {
|
||||
fs.writeFileSync(p, ffmpeg.FS('readFile', p));
|
||||
});
|
||||
process.exit(0);
|
||||
})();
|
||||
14
packages/util/examples/node/transcode.js
Executable file
@@ -0,0 +1,14 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({
|
||||
log: true,
|
||||
});
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'flame.avi', await fetchFile('../assets/flame.avi'));
|
||||
await ffmpeg.run('-i', 'flame.avi', 'flame.mp4');
|
||||
await fs.promises.writeFile('flame.mp4', ffmpeg.FS('readFile', 'flame.mp4'));
|
||||
process.exit(0);
|
||||
})();
|
||||
12
packages/util/examples/node/trim.js
Executable file
@@ -0,0 +1,12 @@
|
||||
const fs = require('fs');
|
||||
const { createFFmpeg, fetchFile } = require('../../src');
|
||||
|
||||
const ffmpeg = createFFmpeg({ log: true });
|
||||
|
||||
(async () => {
|
||||
await ffmpeg.load();
|
||||
ffmpeg.FS('writeFile', 'flame.avi', await fetchFile('../assets/flame.avi'));
|
||||
await ffmpeg.run('-i', 'flame.avi', '-ss', '0', '-to', '1', 'flame_trim.avi');
|
||||
await fs.promises.writeFile('flame_trim.avi', ffmpeg.FS('readFile', 'flame_trim.avi'));
|
||||
process.exit(0);
|
||||
})();
|
||||