Video
-
video src의 썸네일을 추출할 때 canvas의 CORS 이슈(SecurityError) 우회하는 방법기타 2022. 4. 20. 21:13
(코드는 맨 밑에 있으니 코드만 확인하실 분은 맨 밑으로 내리시면 됩니다) React 웹에서 고객이 업로드할 영상을 골랐을 때, 썸네일 파일을 자동으로 생성하는 코드를 작성할 일이 있었다. 원래 React Native에선 라이브러리를 통해 뚝딱 해결했던 일이라 마찬가지로 React 라이브러리를 찾아보려했는데 생각외로 쉽지 않았다. 일단 구글링으로 알아낸 로직은 다음과 같았다. 이미지 파일 추출 로직 특정한 가 존재한다. 에 그 의 src를 그린다. canvas.toDataURL() 을 통해 이미지 데이터를 얻는다. 얻은 이미지 데이터로 파일을 생성한다. 첫번째 문제 : SecurityError 방법을 알고 신나게 시도를 해보았으나.. 아래와 같이 canvas.toDataURL() 부분에서 Security..