[발생]

9월 초, 담당 교육서비스 에서 영상 플레이어 재생불가 문의 발생

담당자와 해당 문제PC의 원격으로 접속하여 크롬 브라우저 개발자 도구 확인

플레이어 문제는 2022년 초 문제가 대부분 해결됬으며 이슈상황 전으로 수정사항이 없었음

[에러]

Chrome 105: Uncaught DOMException: Failed to read the ‘handle’ property from ‘MediaSource’: MediaSourceHandle creation is currently supported only in a dedicated worker.

[파악]

해당 에러로 video.js github에 이슈 문의 2개를 확인

7911번 https://github.com/videojs/video.js/issues/7911

 

Chrome 105: Uncaught DOMException: Failed to read the ‘handle’ property from ‘MediaSource’: MediaSourceHandle creation i

Description Release of Chrome 105 appears to have "broken" something. https://bugs.chromium.org/p/chromium/issues/detail?id=1358918&q=MediaSourceHandle&can=2 Reduced test case htt...

github.com

7905번 https://github.com/videojs/video.js/issues/7905

 

Failed to read the 'handle' property from 'MediaSource': MediaSourceHandle creation is currently supported only in a dedicated w

After updating Chrome to version 105.0.5195.54 (Official Build) (64-bit), video.js stop working with this error: Uncaught DOMException: Failed to read the 'handle' property from 'MediaS...

github.com

둘다 동일하게 Media Source Extensions 의해 문제가 발생됬다고 하며, 글을 통해

1. video.js 7.10.x 버전 이하 발생 (담당 서비스는 7.8.* 사용)

2. 크로미움 105.* 버전 업데이트 후 발생 

https://ui.toast.com/posts/ko_chrome_report_202208

 

월간 크롬 이슈 리포트 2022년 8월호

프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 8월호)

ui.toast.com

105.* 부터 워커에서 MSE(Media Source Extensions) 활성화 확인
3. m3u8 비디오에서만 발생하는거 같음(신뢰X)

 

발생버전 엣지 브라우저 버전(105.0.1343.27) / 크롬 브라우저 (105.0.5195.52) 외 크로미움을 사용하는 브라우저

[해결]

해결 1. video.js 버전을 상향시킴 (담당 서비스는 7.8.*)

해결 2. 105.* 버전부터 MSE+ workers를 비활성화

해결 3. 크로미움 업데이트를 통해 해결

[대처]

- 타 브라우저 사용 권장: 크롬(Google Chrome/105버전 이하 또는 최신 버전 업데이트를 통해 105.0.5195.102), 파이어폭스 (Mozila Firefox), 사파리(Apple Safari), 엣지 익스플로러 모드(호환성 낮음)

- Chrome 브라우저(105.0.5195.52)에서도 동일하게 발생하였으나(8월 30일) 최신 업데이트(105.0.5195.102)를 통해 본 문제가 해결되었습니다.(9월 2일).
- 엣지 브라우저는 Chrominum 기반의 브라우저로 Chrome에서 발생한 문제가 엣지에서 동일하게 발생한 것으로 판단되며 Chrome 브라우저 사례처럼 업데이트를 통해 보완될 것으로 예상합니다.

 video.js Uncaught DOMException: Failed to read the ‘handle’ property from ‘MediaSource’: MediaSourceHandle creation is currently supported only in a dedicated worker.

[참조]

https://chromestatus.com/feature/5177263249162240

https://ui.toast.com/posts/ko_chrome_report_202208

https://bugs.chromium.org/p/chromium/issues/detail?id=1358542&q=MediaSource%20Handle%20creation%20is%20currently%20supported%20only%20in%20a%20dedicated%20worker&can=2

https://support.coursemos.kr/ko/notice/support/view/201