Minor tests update
This commit is contained in:
parent
c4b74796d5
commit
d12b605536
@ -17,14 +17,6 @@ describe(genName("new FFmpeg()"), () => {
|
||||
});
|
||||
});
|
||||
|
||||
describe(genName("FFmpeg.load()"), function () {
|
||||
// it("should work without any args", async () => {
|
||||
// const ffmpeg = new FFmpeg();
|
||||
// await ffmpeg.load();
|
||||
// expect(ffmpeg).to.be.ok;
|
||||
// });
|
||||
});
|
||||
|
||||
describe(
|
||||
genName(
|
||||
"FFmpeg directory APIs (createDir(), listDir(), deleteDir(), rename())"
|
||||
|
40
tests/index.html
Normal file
40
tests/index.html
Normal file
@ -0,0 +1,40 @@
|
||||
<html>
|
||||
<body>
|
||||
<h3>Quick Test</h3>
|
||||
<video id="output-video" controls></video><br/>
|
||||
<input type="file" id="uploader">
|
||||
<p id="message"></p>
|
||||
<script type="module">
|
||||
import { FFmpeg } from "/packages/ffmpeg/dist/esm/index.js";
|
||||
import { fetchFile } from "/packages/util/dist/esm/index.js";
|
||||
let ffmpeg = null;
|
||||
|
||||
const transcode = async ({ target: { files } }) => {
|
||||
const message = document.getElementById('message');
|
||||
if (ffmpeg === null) {
|
||||
ffmpeg = new FFmpeg();
|
||||
ffmpeg.on("log", ({ message }) => {
|
||||
console.log(message);
|
||||
})
|
||||
ffmpeg.on("progress", ({ progress }) => {
|
||||
message.innerHTML = `${progress * 100} %`;
|
||||
});
|
||||
await ffmpeg.load({
|
||||
coreURL: "/packages/core/dist/esm/ffmpeg-core.js",
|
||||
});
|
||||
}
|
||||
const { name } = files[0];
|
||||
await ffmpeg.writeFile(name, await fetchFile(files[0]));
|
||||
message.innerHTML = 'Start transcoding';
|
||||
await ffmpeg.exec(['-i', name, 'output.mp4']);
|
||||
message.innerHTML = 'Complete transcoding';
|
||||
const data = await ffmpeg.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>
|
Loading…
Reference in New Issue
Block a user