HLS - 4. outro

해당 부분에서는 구현한 코드 깃헙 주소와 결과물 gif

 

그리고 작업하던중 발생한 문제에 대해 공유해보고자 합니다

 

< upload UI 개선 >

 

< upload video, streaming HLS>

 

서버쪽 작업하면서 가장 시간 많이잡아먹은 부분은 다름아닌 nodemon문제 였습니다

 

nodemon default가 js나 ts가 변경될 때 재시작 되는 특성을 가지는데

 

ts도 아닌 바이너리 파일(segment.ts)가 변경될때마다 서버가 재시작이 돼서

 

api는 cancel됐는데 영상은 남아있는 상황이 생겼던거죠..

 

이거 원인 찾느라 들인 시간이 구현하는 부분보다 더 많이들었었습니다..

 

그리고 클라이언트쪽에서 테스트하는데 serving url잘못 잡아놔서 발생했던 문제가 조금 있었습니다..

 

해당 부분을 조금 더 빠르게 지나갔으면 더 빨리 완성했을텐데 하는 아쉬움이 남았습니다..

 

전체 예제 깃헙 주소 : https://github.com/devmemory/hls_example

 

Intro : https://devmemory.tistory.com/130

Node server : https://devmemory.tistory.com/131

React client : https://devmemory.tistory.com/132