동영상을 백에서 전달 시 시간 이동(controls) 동작안하는 이유 와 해결

기존에는 이미지만 django로 서빙을 해주었다 

 

장고에서는 static 파일을 서빙해 주는 기능이 있다

from django.conf.urls.static import static

 

 

이런식으로 static 파일을 연결해서 사용해 주면 이미지 량이 많은 경우가 아닌경우 임시로 쓰기 좋았다

urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

 

하지만

동영상의 경우는 문제가 생기는대 

 

React 에 <video> 태그 사용시 controls 가 동작하지 않는다. 

이는 HTTP Range 요청을 지원 안해서

 

HTTP Range 요청은 비디오 플레이어가 파일의 특정 부분을 요청하여 점진적으로 데이터를 스트리밍하도록 허용한.

 

 

Django 자체는 비디오 스트리밍을 최적화하기 어렵기 때문에, Nginx와 같은 웹 서버를 사용하여 미디어 파일을 효율적으로 스트리밍하는 것이 좋다. 

 

https://github.com/ravenkim/simple_media_server

 

GitHub - ravenkim/simple_media_server: nginx로 이미지, 동영상 서빙 해줌

 

 

 

그래서 만들어 쓰자