EDGE 브라우저에서 VP9 WEBM 비디오 지원

Question

브라우저 구성에서 MSE의 VP9를 활성화하여 EDGE가 최신 버전의 VP9 코덱 지원을 주장합니다.

나는 그것을 시도했지만 여전히 작동하지 않으며이 유형의 비디오 파일이 지원되지 않는다고 말하는 오류가 발생합니다.

EDGE 브라우저에서 URL이 https://html5test.com/compare/browser/mybrowser.html으로 시작되었으며 이는 VP9가 브라우저에서 지원되지 않는 것과 동시에 YouTube 동영상이 WebM vp9 코덱으로 스트리밍된다는 것을 의미합니다 (이를 확인하기 위해 통계를 사용함).

나는 그것이 MSE & WEBM의 VP9을 재생할 수 내 HTML 파일에

<video> 
    <source src="http:/url/123.webm" type="video/webm"/> 
</video> 

유튜브의 https://www.youtube.com/html5 주장이를 사용하고, VP9 동영상을 재생할 수, 방식에 어떤 차이가 요청된다 vp9 및 MSE & vp9 용 서버에서 제공합니다.

저는 크롬과 파이어 폭스에서 VP9 비디오를 아무런 문제없이 재생할 수 있습니다. 도움을 미리 감사드립니다.

Answer 1

WebHTML 15.15063부터 WebM + VP9는 MSE (미디어 소스 확장)를 사용할 때만 지원됩니다. 사용중인 태그 :

<video> 
    <source src="http:/url/123.webm" type="video/webm"/> 
</video> 

은 MSE를 사용하지 않습니다. 이렇게하려면 JavaScript로 MediaSource 객체를 만들고 비디오 내용을 SourceBuffer로 스트리밍해야합니다. 이를 통해 안내 한 예는 Microsoft's streaming player example에 있습니다

1. 가 페이지의 HTML 섹션에 HTML5 비디오 요소를 정의합니다

   는 다음 단계를 수행 MSE의 API를 사용합니다.

2. JavaScript로 MediaSource 객체를 만듭니다.
3. MediaSource 개체를 원본으로 사용하여 createObjectURL을 사용하여 가상 URL을 만듭니다.
4. 동영상 요소의 src 속성에 가상 URL을 할당합니다.
5. 추가 할 비디오의 MIME 유형과 함께 addSourceBuffer를 사용하여 SourceBuffer를 만듭니다.
6. 미디어 파일의 비디오 초기화 세그먼트를 온라인으로 가져 와서 appendBuffer를 사용하여 SourceBuffer에 추가하십시오.
7. 미디어 파일에서 비디오 데이터 세그먼트를 가져 와서 appendBuffer를 사용하여 SourceBuffer에 추가합니다.
8. 동영상 요소에서 play 메소드를 호출합니다.
9. 완료 될 때까지 7 단계를 반복하십시오.
10. 정리하십시오.

는 this Edge platform issue에 따르면, 마이크로 소프트는 제한된 WebM을 + VP9 지원을 주장하고,이는 Windows 10 피드백 허브 및/또는 Microsoft Edge UserVoice을 통해 지역 사회에서 중요한 푸시없이 변경 않을 수 있습니다.

Chrome 및 Firefox는 MSE가없는 WebM + VP9를 지원하므로 브라우저에서 작동합니다.