ffmpeg.wasm
ccapture.js
Our great sponsors
ffmpeg.wasm | ccapture.js | |
---|---|---|
74 | 12 | |
12,754 | 3,473 | |
3.5% | - | |
9.0 | 0.0 | |
8 days ago | over 1 year ago | |
C | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
ffmpeg.wasm
-
FFmpeg-online: ffpmeg running on the browser
As their github page says, based on https://ffmpegwasm.netlify.app ...
I'm guessing no one did GPU-optimizations? I saw a web app (not an ffmpeg transpilation) that went clever and used WebGL so it can access the GPU and use its parallel processing capabilities...
- Show HN: FFmpeg UI
- Petition to add support for Gopher protocol in Firefox
-
I made a tool for converting between different media formats (without uploading to a server)
OP just implemented https://github.com/ffmpegwasm/ffmpeg.wasm in their own frontend, nothing special really.
-
WebAssembly Text Code Samples
One that comes to mind is the WASM port of FFmpeg:
https://github.com/ffmpegwasm/ffmpeg.wasm
Another is the SQLite WASM project:
https://sqlite.org/wasm/doc/trunk/index.md
Also v86 for x86 machine virtualization in the web browser:
Possibly more interesting projects to be found here:
-
New Render plugin
Iβd look seriously at ffmpeg wasm thoughβ¦ https://github.com/ffmpegwasm/ffmpeg.wasm
-
Framr - Give Your Demo Video a Fancy Gaussian Blur Frame
It wasn't long after this I happened to come across FFmpeg ported to WebAssembly! I was a bit occupied with several other projects at the time, but I knew right away that I wanted to migrate my cumbersome script into a nice and dynamic web application, so I whipped up a little prototype that night.
-
[Showoff Saturday] I made a video, audio, and image converter that runs in your browser.
Hey hey! I made this converter because I was fustrated with the existing options. Many of them work by sending the file to a server for processing, which is slow on low bandwidth and usually incurs restrictions or paywalls, and god knows what they do with my incriminating files. I found a library called FFmpeg.wasm that runs on Web Assembly, which I used in this project.
-
Ffmpeg.wasm β a pure WebAssembly / JavaScript port of FFmpeg
I found this https://github.com/ffmpegwasm/ffmpeg.wasm#what-is-the-maximu...
the inputfile needs a uint8 array, which i tried converting file to uint8 but that gives a file format error and doesnt process the ffmpeg command
This looks neat but pure port seems to be stretching it:
>ffmpeg.wasm is a pure Webassembly / Javascript port of FFmpeg
>@ffmpeg/core contains WebAssembly code which is transpiled from original FFmpeg C code with minor modifications [1]
[1] https://github.com/ffmpegwasm/ffmpeg.wasm#what-is-the-licens...
ccapture.js
-
Making YouTube video with React
I also tried to find a better recording method. Since Iβm now using canvas, there are some solutions to recording that seemed quite elegant. For example, paper.js uses requestAnimationFrame to achieve its smooth animation. There are libraries like ccapture.js that hooks into the various methods like requestAnimationFrame and setInterval, allowing it to render each frame separately.
-
Help! does anyone know how to export p5.js into WebM?
Check out CCapture.
-
How to create a video editor that works in your browser.
The image capture step uses ccapture to ensure that the playback frame is converted to an image. All frame images to webm video.
-
rivers
I use ccapture, using the png option, which will spit out a tar with a png of each frame, and then I stitch them with ffmpeg.
-
[p5.js] Swirling the drain
p5.js runs the sketch, ccapture.js captures all of the frames (1800 in this video), and ffmpeg combines the frames into an MP4.
-
First experiment threejs and recording output to a GIF and video. Inspired by the periodic table and Breaking Bad TV series π Displays the users you interact with the most on Twitter. What do you think?
u/bob_mcbob69 here https://github.com/spite/ccapture.js it's a bit old so I merged some pull requests and updated the gif.js lib to a newer version that actually doing the GIF job internally, here's a link too https://github.com/jnordberg/gif.js.
What are some alternatives?
rust-ffmpeg-wasi - ffmpeg libraries precompiled for WebAsembly/WASI, as a Rust crate.
ffprobe-wasm - A Web-based FFProbe. Powered by FFmpeg, Vue and Web Assembly!
ffmpeg-libav-tutorial - FFmpeg libav tutorial - learn how media works from basic to transmuxing, transcoding and more. Translations: πΊπΈ π¨π³ π°π· πͺπΈ π»π³ π§π·
handbrake-js - Video encoding / transcoding / converting for node.js
node-ytdl-core - YouTube video downloader in javascript.
ffmpeg.js - Port of FFmpeg with Emscripten
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
video-cutter - Cut any video online using FFMPEG... no server needed ! (Thanks WebAssembly)
FFmpeg - Mirror of https://git.ffmpeg.org/ffmpeg.git
readable-stream - Node-core streams for userland
Node.CLI-Progress - :hourglass: easy to use progress-bar for command-line/terminal applications
webm-writer-js - JavaScript-based WebM video encoder for Google Chrome