Transcode Video

1. FFmpeg /  WebAssembly

 - 영상을 압축하거나 영상의 포맷을 변환하거나 영상에서 음성만 추출할 때 등등에 사용

 - 유튜브에서 화질이 여러개 나뉘어져있는 것도 이걸 이용하면 구현 가능

 - 문제는 FFmpeg을 실행하려면 백엔드에서 해야 하는데 이건 비용이 비싸게 발생

 - 이 문제를 해결하기 위해 WebAssembly를 사용

   - WebAssembly는 개방형 표준이며 기본적으로 웹사이트가 매우 빠른 코드를 실행할 수 있게 해줌

   - 실행 비용이 큰 프로그램들을 브라우저에서 실행할 수 있음

 - 즉 우린 이 두가지를 결합하여 ffmpeg.wasm을 사용할 거임

 - ffmpeg.wasm는 영상을 변환하기 위해 우리 서버대신  유저의 컴퓨터를 사용

 - WebAssembly을 사용하여 FFmpeg가 실행되는 흐름

 - https://ffmpegwasm.netlify.app/docs/getting-started/installation/

Installation | ffmpeg.wasm

2. Transcode Video

 - 중요한것은 우리는 브라우저로부터 마법의 url을 받고 있음

 - 녹화를 종료하면 영상의 모든 정보를 가진 object url이 만들어짐

   - blog을 포함한 url 전체를 브라우저에 주면 파일을 다운로드할 수 있게 됨

 -

 - https://github.com/Daniel-Jeon/wetube-loaded/commit/274db7cc0c90628c8d6d9226575aabe82be31efa

Transcode Video · Daniel-Jeon/wetube-loaded@274db7c