Show HN: Self-made web media player without or
mediabunny.dev
Show HN: Self-made web media player without or
1–7 of 7 posts
Re: Show HN: Self-made web media player without <video> or <audio>
#2Re: Show HN: Self-made web media player without <video> or <audio>
#3Mediabunny is pretty cool! I'm actually using it in the other Show HN, VinylSpin.video to generate mp4 videos from the canvas animation so that no frames are dropped, unlike the MediaRecorder API. The output is perfect. Didn't know it could also play videos! That's awesome really.
Re: Show HN: Self-made web media player without <video> or <audio>
#4Re: Show HN: Self-made web media player without <video> or <audio>
#5I'm out of the loop. why's the video or audio tag not desirable?
They tend to break down when you want to build more complex applications on top of them (such as a video editor) that require perfect-accuracy seeking and playback, precise control over decoding patterns, and direct access to frame data. Mediabunny was built to power that kind of application, and so this demo acts as a proof of concept that you can reimplement the element from scratch using that library.
Re: Show HN: Self-made web media player without <video> or <audio>
#6Mediabunny is pretty cool! I'm actually using it in the other Show HN, VinylSpin.video to generate mp4 videos from the canvas animation so that no frames are dropped, unlike the MediaRecorder API. The output is perfect. Didn't know it could also play videos! That's awesome really.
Awesome! Mediabunny started life for exactly this purpose. I wanted to build a replay renderer for my game Marble Blast Web that was as fast as the hardware allowed while giving a frame-perfect result. MediaRecorder just didn't cut it!
Re: Show HN: Self-made web media player without <video> or <audio>
#7Earlier quoted context omitted.
Awesome! Mediabunny started life for exactly this purpose. I wanted to build a replay renderer for my game Marble Blast Web that was as fast as the hardware allowed while giving a frame-perfect result. MediaRecorder just didn't cut it!
Impressive. I'm glad you took that challenge and did it! The other option was vendoring ffmpeg wasm which is a few mbs. This is just a few kbs, doesn't require npm, I simply used the release .mjs file, the AI picked up its API right away and did everything for me. Perfect.