웹 페이지에 유튜브를 삽입


페이지에서 단축키를 누르면 유뷰브 플레이어 영역을 캡쳐 하고 페이지로 캡쳐 data로 전송


페이지에서 이미지를 사용...


그런데 문제는 유튜브가 iframe으로 삽입되는 거라 보안에 걸려서 javascript로 캡쳐를 할 수 없음


생각할 수 있는 방법이 


1. 페이지에서 캡쳐 -> 서버로 캐쳐 요청 -> 서버에서 유튜브 해당 부분을 다운로드 및 캡쳐 -> 프런트로 전송


2. 브라우저 screen capture api 사용 


3. 크롬(webkit) 익스텐션 캡쳐 앱을 만들고 사용자에게 설치하게 함 -> 페이지 -> 익스텐션 -> 페이지 ....



이것들도 문제는


1은 캡쳐하나당 mpd, hls 세그먼트를 받아야 하니까 한 2M 정도로 유튜브 <-> 서버 트랙픽 발생. 캡쳐 시간이 정확하지 않음.


2는 접속마다 사용자에게 권한을 받아야 하고 영역 캡쳐가 안됨. 사용자가 승인하는 인터페이스가 복잡함


3은 기능적으로는 괜찮음. 크로스브라우저도 가능. 사용자에게 설치하도록 하는 게 문제이긴 함...



쓸만한 아이디어 없나? 이 기능 때문에 웹을 앱으로 다 바꿔야 하나? 아오