Repository files navigation

React app that converts audio files to mp3 using ffmpeg wasm. Allows the user to add mp3 metadata like artist, track number, and album art.

View Running Project:https://looshi.github.io/encoder-dog/

git clone git@github.com:looshi/encoder-dog.gitcd encoder-dognpm i

npm run start

npm run build# This will run webpack build and create a bundle in the "dist" folder# This will also try to copy the built files to my local github pages repo# Tweak that part of build to your own needs

Ffmpeg wasm uses SharedArrayBuffer. Browsers restrict the use of SharedArrayBuffer to a secure context:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements .

Specific headers must be set by the server to allow the browser to be run in a secure context. Since this project is hosted on github pages which doesn't allow setting these headers via configuration, a solution based on this project is used ( in src/static/enable-threads.js ):https://github.com/gzuidhof/coi-serviceworker .

ffmpeg:https://ffmpeg.org

wasm:https://webassembly.org

ffmpegwasm:https://ffmpegwasm.netlify.app