limistah / ffmpeg-webworker Goto Github PK

Hi,

I'm trying to add a watermark on videos (image or text), I was able to accomplish this on server side, but not browser.

This is part of log when a video is uploaded
Received command: -i video-1595763301422.webm -vf "drawtext=text='watermark'" sliced-output.mp4. Processing with 33554432 bits.

But its unable to apply a filter :

 [AVFilterGraph @ 0x113ad70] No such filter: '"drawtext' 
 Error opening filters! 

This seems to happen : The error with drawtext happens when your ffmpeg is compiled without libfreetype.

Is it possible to solve it?

Hi limistah,

Good work there! Thank you.

I tried to convert a webm file into mp4 using "-vcodec h264 -acodec aac -strict -2 output.mp4". It works in videoconverter.js but whereas doesn't work here.
This is the output I got.

FFMPEG is ready

File Received

Received command: -i video-1585897663328.webm -vcodec h264 -acodec aac -strict -2 output.mp4. Processing with 33554432 bits.

ffmpeg version 2.2.1 Copyright (c) 2000-2014 the FFmpeg developers

built on Jun 9 2014 20:24:32 with emcc (Emscripten GCC-like replacement) 1.12.0 (commit 6960d2296299e96d43e694806f5d35799ef8d39c)

configuration: --cc=emcc --prefix=/Users/bgrinstead/Sites/videoconverter.js/build/ffmpeg/../dist --extra-cflags='-I/Users/bgrinstead/Sites/videoconverter.js/build/ffmpeg/../dist/include -v' --enable-cross-compile --target-os=none --arch=x86_32 --cpu=generic --disable-ffplay --disable-ffprobe --disable-ffserver --disable-asm --disable-doc --disable-devices --disable-pthreads --disable-w32threads --disable-network --disable-hwaccels --disable-parsers --disable-bsfs --disable-debug --disable-protocols --disable-indevs --disable-outdevs --enable-protocol=file --enable-libvpx --enable-gpl --extra-libs='/Users/bgrinstead/Sites/videoconverter.js/build/ffmpeg/../dist/lib/libx264.a /Users/bgrinstead/Sites/videoconverter.js/build/ffmpeg/../dist/lib/libvpx.a'

libavutil 52. 66.100 / 52. 66.100

libavcodec 55. 52.102 / 55. 52.102

libavformat 55. 33.100 / 55. 33.100

libavdevice 55. 10.100 / 55. 10.100

libavfilter 4. 2.100 / 4. 2.100

libswscale 2. 5.102 / 2. 5.102

libswresample 0. 18.100 / 0. 18.100

libpostproc 52. 3.100 / 52. 3.100

[h264 @ 0xed8d60] Warning: not compiled with thread support, using thread emulation

Guessed Channel Layout for Input Stream #0.0 : mono

Input #0, matroska,webm, from 'video-1585897663328.webm':

Metadata:

 encoder         : Chrome 

Duration: N/A, start: 0.000000, bitrate: N/A

 Stream #0:0(eng): Audio: opus, 48000 Hz, mono (default) 

 Stream #0:1(eng): Video: h264 (Constrained Baseline), yuv420p, 640x480, SAR 1:1 DAR 4:3, 30.33 fps, 30 tbr, 1k tbn, 60 tbc (default) 

[abuffer @ 0x12327c0] Unable to parse option value "(null)" as sample format

 Last message repeated 1 times
Last message repeated 1 times 

[abuffer @ 0x12327c0] Error setting option sample_fmt to value (null).

[graph 1 input from stream 0:0 @ 0x1232760] Error applying options to the filter.

Error opening filters!

Finished processing (took 2407ms)

Command Completed, check the console

The output file was of size 0 bytes. Please help!
Thank you

HEllo! thanks for amazing lib! Is it possible to input as many files as we need to merge or overlay them through ffmpeg command like this:

ffmpeg -i input0.mp3 -i input1.mp3 -filter_complex amerge=inputs=2 -ac 2 output.mp3

Thanks for your help

Can you provide a step by step guide on how to set this up? First, I want to root of my html server and ran:

$ npm install --prefix . ffmpeg-webworker

This got me node_modules with you package.

I then tried loading the module in a simple html file via:

With the contents being of this js file being:

import { FFMPEGWebworkerClient } from "/node_modules/ffmpeg-webworker/dist/es/index.js";

const webworkerClient = new FFMPEGWebworkerClient();

// The above is same as
// import webworkerClient from "ffmpeg-webworker";

webworkerClient.on("ready", () => {
console.log("FFMPEG has been loaded, and can receive commands");
});

First error I got was:

GET http://127.0.0.1:8080/node_modules/ffmpeg-webworker/dist/es/FFMPEGWebWorkerClient net::ERR_ABORTED 404 (Not Found)
index.js:2 GET http://127.0.0.1:8080/node_modules/ffmpeg-webworker/dist/es/FFMPEGWebWorker net::ERR_ABORTED 404 (Not Found)

So I edited /node_modules/ffmpeg-webworker/src/index.js from:

import WebworkerClient from "./FFMPEGWebWorkerClient";
import Webworker from "./FFMPEGWebWorker";

to:

import WebworkerClient from "./FFMPEGWebWorkerClient.js";
import Webworker from "./FFMPEGWebWorker.js";

Now I'm getting this error:

Uncaught TypeError: Failed to resolve module specifier "webworker-file". Relative references must start with either "/", "./", or "../".

At this point I'm out of ideas.

Great module, hope I can get it to work.

I'm sending it quite a large file to convert to webM and getting this error:

Cannot enlarge memory arrays. Either (1) compile with -s TOTAL_MEMORY=X with X higher than the current value 33554432, (2) compile with ALLOW_MEMORY_GROWTH which adjusts the size at runtime but prevents some optimizations, or (3) set Module.TOTAL_MEMORY before the program runs.

Other people have had this issue
Kagami/ffmpeg.js#9

And the solution is to

Try to pass TOTAL_MEMORY: 128 * 1024 * 1024 (128MB) option. There is 64MB by default which might be not enough for some files.

Any idea how I do this with your version?

This is a really great and easy to use lib to work with ffmpeg and workers - thank you!

Is there plan to allow users to specify or manually add which codec's they'd like to support? For example, libx264 isn't bundled with this, how would I go about adding it so it can be used with your lib?