web에서 video를 보여줄 수 있는 확장자는 2개가 있다. 따라서 당신이 갖고 있는 파일의 확장자를 먼저 확인해볼 필요가 있다.
참고로 web상에서 지원하는 video 타입은 mp4와 webm이 있다.
그럼 웹 에서는 재생이 안 되냐?
보통 다른사이트에서 m3u8이 재생되지않도록 제한을 걸어두기때문에 재생이 안될가능성이 높다.
크롬 확장프로그램에서 "m3u8 player" 등으로 검색하면 쓸만한 웹플레이어가 나오기도 하고 web Store에도 plugin으로 존재하긴 한다.
추가적으로 hls.js
를 이용해서 자체 플레이어를 제작할 수 있다.
HLS는 Apple에서 개발한 스트리밍 기술로, 동영상이나 오디오를 작은 청크(chunk)로 분할하고, 이를 순차적으로 클라이언트에게 전송하여 스트리밍하는 방식을 사용한다.
이렇게 하면 클라이언트는 필요한 청크만 다운로드하고 재생할 수 있으므로, 빠르게 시작하고 끊김 없이 스트리밍을 받을 수 있게 된다.
M3U8 파일은 이러한 청크(chunk)들의 URI(Uniform Resource Identifier) 목록을 포함하고 있다.
즉, 어떤 비디오나 오디오를 스트리밍하기 위해 필요한 청크들의 URL이 M3U8 파일 안에 기록되어 있다.
클라이언트는 이 M3U8 파일을 획득한 후, 내용을 분석하여 스트리밍할 미디어 파일들의 URL을 추출하고 이를 요청하여 동영상이나 오디오를 스트리밍한다.
참고로 autoplay 속성값이 chrome에서는 먹지 않는데 이유는 이러한 이유 때문이라고 한다.
대충 요약하면 용량이 큰 동영상 재생등이 사용자가 원치않는 리소스 소모한다고하여 브라우저에서 막아버렸다고 한다.
mute
속성을 추가해주면 음소거이긴 하지만 동작은 된다.hls.js
로 플레이어를 만들어버리기
많은 도움이 되었습니다, 감사합니다.