https://github.com/cppshane/framr

Web app to give videos a fancy frame with FFmpeg WebAssembly
https://github.com/cppshane/framr

angular ffmpeg

Last synced: 7 months ago
JSON representation

Web app to give videos a fancy frame with FFmpeg WebAssembly

• Host: GitHub
• URL: https://github.com/cppshane/framr
• Owner: cppshane
• Created: 2022-10-26T01:45:57.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-30T01:22:29.000Z (about 3 years ago)
• Last Synced: 2025-01-15T13:05:14.808Z (12 months ago)
• Topics: angular, ffmpeg
• Language: TypeScript
• Homepage: https://framr.dev
• Size: 255 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# framr.dev

I wrote an FFmpeg script to give the coding portions of my YouTube videos a nice blur shadow effect. And then I realized FFmpeg was ported to WebAssembly, so it can run in the browser. And here we are.

Here is an example of what the frame looks like:

![framr-demo](https://cdn.shaneduffy.io/blog/framr-demo.gif)

Note: FFmpeg is much, much slower on the browser like this. I recommend using the original ffmpeg bash script if you need to process large/many files.