[Django] Html video streaming 에서 소리만 나오는 문제

Html video tag를 활용해 video streaming을 구현하고 있었다.

여러 오픈소스와 기존 소스들을 통합해서 사용했고, 결국 비디오 파일을 업로드하고, 재생해 볼 수 있는 웹 페이지를 구축했다. 그래서 기존에 가지고 있는 mp4 파일 영상들(학부연구용 10초 이내 짧은 영상)을 업로드 했는데.......

오류없이 업로드는 되나, 재생에 있어서 영상이 나오지 않고 소리만 나오는 문제가 발생했다. 그래서 mp4 파일형식을 바꿔보기도 하고... 모델을 수정해보기도 하고.... 여러 실험을 하다가 바보같음을 깨달았다. 아니, 근데 재생이 된다는건 파일은 제대로 넘어갔다 이건데 뭐지!

그래서 찾아본 결과, 인코딩 방식에서 문제가 있다고 한다. (매우 간단한 결말)

https://stackoverflow.com/a/23328025

Html Video player plays sound but not video

웹 브라우저들은 적은 인코딩 방법들만 지원을 하고 있으며, H.264 인코딩 방식의 경우 크롬이나 EX에서 지원하고 있다고 한다.

그래서 mp4 to H.264 변환을 수행하고,

https://convert-video-online.com/ko/

온라인 비디오 변환기

업로드 하니, 영상이 제대로 나오더라...