ffmpeg.wasm
VideoContext
ffmpeg.wasm | VideoContext | |
---|---|---|
76 | 2 | |
13,028 | 1,309 | |
2.1% | 0.6% | |
8.9 | 0.0 | |
25 days ago | 10 months ago | |
C | JavaScript | |
MIT License | Apache License 2.0 |
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
-
Show HN: I open-sourced the in-memory PostgreSQL I built at work for E2E tests
There's already ffmpeg wasm. I've used it in projects. Works great.
https://github.com/ffmpegwasm/ffmpeg.wasm
-
FFmpeg 7.0 Released
There's a low-hanging fruit that I think would make ffmpeg more helpful for regular people.
There's a million terrible websites that offer file conversion services. They're ad-ridden, with god-knows-what privacy/security postures. There's little reason for users to need to upload their files to a third-party when they can do it locally. But getting them to download fiddly technical software is tough - and they're right to mistrust it.
So, there's a WASM version of ffmpeg, already working and hosted at Netlify [1]. It downloads the WASM bundle to your browser and you can run conversions/transformations as you wish, in your browser. Sandboxed and pretty performant too!
If this tool a) was updated regularly b) had a nicer, non-CLI UI for everyday users and c) was available at an easily-Googlable domain name - it would solve all the problems I mentioned above.
[1]: https://ffmpegwasm.netlify.app/
-
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...
-
Locoly (locoly.app): an in-browser video editor running all computations locally
ffmpeg.wasm: The engine making all these happen. However, Iโm a bit concerned about its current situation. The repo has not been updated for more than six months now, and thatโs not a healthy sign for an open-source project. Clearly I was reading the commits wrong. The author mentioned โspeed up x264 with SIMD intrinsicsโ in their roadmap (https://github.com/ffmpegwasm/ffmpeg.wasm/discussions/415), which, if landed, could make such on-device video editors much more competitive.
-
[TASK] Reverse Engineer my Web App Before Production
I use https://github.com/ffmpegwasm/ffmpeg.wasm and I want my FFMPEG commands to be hidden from others.
- AWS service for transcoding audio to mp3 and images to jpg?
-
I made a simple online video editor with React and ffmpeg
Possibly using this? https://github.com/ffmpegwasm/ffmpeg.wasm
-
Newbie question: Is there any possible way to grab metadata from local media files and process them in the webbrowser?
You could try using something like ffmpeg wasm which is a way of using ffmpeg client side in browser. Unfortunately WebAssembly only supports files less than 2 gigabytes, which is a problem for videos. And I don't know if ffmpeg wasm contains ffprobe, so you might have to find another project or try to compile ffprobe to wasm yourself. This stuff is out of my wheelhouse so I can't offer much help.
- Show HN: FFmpeg UI
- Petition to add support for Gopher protocol in Firefox
VideoContext
-
daily reminder modern frontend development is disgusting
The actual editor was not, but the library that it was responsible for compositing videos in the browser that we built the UI around is the (unfortunately now unmaintained) VideoContext
-
List of libraries for using FFmpeg and combining videos in the browser. Other recommendations?
Otherwise, it'll all just depend on what your intended output. Check out something like https://github.com/bbc/VideoContext for starters or just play around with animating a HTMLCanvasElement and recording its output with HTMLCanvasElement.captureStream().
What are some alternatives?
rust-ffmpeg-wasi - ffmpeg 7 libraries precompiled for WebAsembly/WASI, as a Rust crate.
gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images.
ffprobe-wasm - A Web-based FFProbe. Powered by FFmpeg, Vue and Web Assembly!
Plyr - A simple HTML5, YouTube and Vimeo player
ffmpeg-libav-tutorial - FFmpeg libav tutorial - learn how media works from basic to transmuxing, transcoding and more. Translations: ๐บ๐ธ ๐จ๐ณ ๐ฐ๐ท ๐ช๐ธ ๐ป๐ณ ๐ง๐ท
mediaelement - HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
node-ytdl-core - YouTube video downloader in javascript.
ant-design-pro - ๐จ๐ปโ๐ป๐ฉ๐ปโ๐ป Use Ant Design like a Pro!
handbrake-js - Video encoding / transcoding / converting for node.js
video.js - Video.js - open source HTML5 video player
ffmpeg.js - Port of FFmpeg with Emscripten
Chart.js - Simple HTML5 Charts using the <canvas> tag