투케이2K

185. (TWOK/ERROR) [Web] 크롬에서 http 주소 사용 video 비디오 src 지정 및 캔버스 화면 녹화 시 captureStream cross-origin 이슈 본문

투케이2K 에러관리

185. (TWOK/ERROR) [Web] 크롬에서 http 주소 사용 video 비디오 src 지정 및 캔버스 화면 녹화 시 captureStream cross-origin 이슈

투케이2K 2023. 10. 30. 15:57
반응형

[환경 설정 및 설명]

​

프로그램 : Intelij

​

설 명 : [Web] 크롬에서 http 주소 사용 video 비디오 src 지정 및 캔버스 화면 녹화 시 captureStream cross-origin 이슈

 

[에러 원인]

​

1. 크롬에서 http 주소 사용 video 비디오 src 지정 및 캔버스 화면 녹화 시 captureStream cross-origin 이슈 발생

​

DOMException: Failed to execute 'captureStream' on 'HTMLMediaElement': Cannot capture from element with cross-origin data
 

[해결 방법]

​

1. video 비디오 태그 속성에 crossOrigin="anonymous" 속성 추가 설정

 

<video crossOrigin="anonymous" src="https://..."></video>

 

반응형
저작자표시

'투케이2K 에러관리' 카테고리의 다른 글

187. (TWOK/ERROR) [Web] : [Ios] : 웹 크롬 getUserMedia 마이크 권한 호출 시 ConstraintNotSatisfiedError 제약 조건 이슈  (0) 2023.11.03
186. (TWOK/ERROR) [Ios] Objc 문법 에러 - Variable is not assignable (missing __block type specifier)  (0) 2023.11.01
184. (TWOK/ERROR) [Mobile] : PG 사 외부 서드 파티 업체 웹뷰 (Webview) 연동 시 세션 끊김 이슈 (session)  (0) 2023.10.29
183. (TWOK/ERROR) [Server] : [Ios] : WAS 에서 sameSite 옵션 none 강제 설정 시 iOS 12 에서 strict 전송 이슈  (0) 2023.10.28
182. (TWOK/ERROR) [Ios] 빌드 에러 - 무료 개발 프로필의 최대 앱 수에 도달했습니다 : The maximum number of apps .. develop  (0) 2023.10.28
'투케이2K 에러관리' Related Articles more
Comments