💻Develop/React
iOS webm 미지원을 ffmpeg를 이용해 client단에서 around 하는 방법(feat. Web Assembly)
👋 개요 사내 광고소재 Video는 모종의 이유로 .webm 형식으로 되어있다. 문제는 iOS에서는 이 형식의 video를 지원하지 않는다는 것인데, MacOS, Android 등등에서 잘 돌아가던 녀석이 아이폰에서만 돌아가지 않았다. 여러 대안이 있지만(여러래봤자 당장 생각나는 건 두가지 뿐이지만) 다른 파트쪽에 손을 벌리지 않고 FE 자체적으로 이 이슈를 해결해보고싶었다. 그래서 Web Assembly를 이용해 ffmpeg를 브라우저에서 실행해 webm 파일을 mp4 파일로 인코딩 후 view에 띄우려고 한다. 🤔 과정 A to Z로 모든 부분을 구현하기엔 살짝 막막했으나 @ffmpeg/ffmpeg 라는 좋은 라이브러리가 이미 개발 되어있었고 이것을 사용했다. 튜토리얼과 문서를 참고해 아래의 코드를 ..
