mp4box.js
ffmpeg.js
mp4box.js | ffmpeg.js | |
---|---|---|
3 | 10 | |
1,828 | 3,222 | |
3.1% | - | |
4.8 | 0.0 | |
10 days ago | 7 months ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" License | GNU General Public License v3.0 or later |
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.
mp4box.js
-
MediaRecorder convert blob to MP4 for PPTXGenJS video
You can pass the audio and video MediaStreamTracks from the MediaStream from getDisplayMedia() to MediaStreamTrackProcessors for each track, pipe the stream of AudioDatas and VideoTracks, copy the data to ArrayBuffer's, then pass those ArrayBuffers to an MP4 muxer, e.g., https://github.com/gpac/mp4box.js/.
-
Recordable Canvas Web Component
Luckily there are loads of great libraries that can do this for us. One such library is [MP4Box.js (https://github.com/gpac/mp4box.js/). MP4Box.js is a JS port of an incredibly comprehensive toolset of MP4 utilities.
-
How to capture 3D animation and encode it into video by WebCodecs
I could mux the video and audio on the browser into an MP4 with MP4Box.js, but somehow it was misformatted and weirdly played with some players. I gave up and relied on Elemental Convert as it's not so expensive.
ffmpeg.js
-
Audio slicing with Javascript
You likely want something like https://github.com/Kagami/ffmpeg.js/ for extracting slices
-
Recordable Canvas Web Component
There are solutions to transcode to MP4 live in your browser, such as with [FFMPEG.js (https://github.com/Kagami/ffmpeg.js/). MP4 is actually just the containing file however! The codec that you record with still needs to be supported by MP4. So prepare for FFMPEG.js to do lots of work if you go this route!
-
Video trimming in browser, client side, without uploading to any server
Well, the heavy lifting is done by ffmpeg (https://github.com/Kagami/ffmpeg.js/)
- Convert video file from .mov to .mp4 using Javascript in a website?
-
Can Anyone help me with displaying a array of pixel values as an image in React ?
I think you want ffmpeg.js
-
How to create a video editor that works in your browser.
Recently, browser features such as SharedArrayBuffer and WebAssembly are increasing. Video and video converter ffmpeg also works in browsers.
-
ffmpeg.js build options question
ffmpeg.js uses a custom build of FFmpeg to keep its size low. I am trying to convert a .ts into a .mp4 which has always been an easy task on my desktop (especially since I believe they are even using the same codecs, aac and h.264), but on the custom build, I get the error sample1.ts: Invalid data found when processing input.
-
Developing a Web based SWF to MP4 converter and hosting site
Maybe use something like that make conversions client side?
-
rivers
Super helpful, thanks so much! I wonder if you'd be able to use something like https://github.com/Kagami/ffmpeg.js to cut out the offline step. I'm working on something at the moment that I'd love to embed in a webpage for general use but getting an MP4 out of it from a browser has been a big stumbling block.
-
Ask HN: Show me your Half Baked project
https://github.com/Kagami/ffmpeg.js/ to import most animation formats and export gifs/webm fully in browser (I don't want to pay real server costs to encode animation).
What are some alternatives?
webm-writer-js - JavaScript-based WebM video encoder for Google Chrome
ffmpeg.wasm - FFmpeg for browser, powered by WebAssembly
mp4-muxer - MP4 multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
hls.js - HLS.js is a JavaScript library that plays HLS in browsers with support for MSE.
webm-muxer - WebM multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
video-react - A web video player built for the HTML5 world using React library.
canvas-record - Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.
video.js - Video.js - open source HTML5 video player
capture-and-encode
flv.js - HTML5 FLV Player
flowplayer - The HTML5 video player for the web
Ion.Sound - JavaScript plugin for playing sounds and music in browsers