Enjoy Programming

download for recorded video 본문

JavaScript/Vanilla Js

download for recorded video

LEETAEEON 2021. 6. 23. 14:35

앞서 녹화된 비디오를 다운로드 해보자.

 

비디오를 우클릭후 다운로드도 가능하지만 가짜 링크를 걸어 사용자가

클릭해서 다운로드 하도록 ~ 편의 기능 제공! ㅋㅋ

 

우선 앞서 만든 stop을 약간 수정했다  stop버튼을 클릭하면 down로드 문구로 바뀌고

download 이벤트 핸들러를 대기시킨다.

 

그리고 다운로드 이벤트 핸들러가 실행되면 fake 링크하나를 만들어주고 경로는 recordedVideo 브라우저 Url을 넣어주고

download attribute를 사용해준다. 이 속성을 사용하면 클릭시 이동이 아닌 download를 하게된다.

body에 append시켜주고 click함수를 실행해주면 끝!

 

추가로 해줄건

미디어 리코더에서 mimeType을 써주면된다~ 그냥 확장자 정해주는거니까~~~~

'JavaScript > Vanilla Js' 카테고리의 다른 글

webAssemply 2  (0) 2021.06.25
WebAssembly  (0) 2021.06.25
MediaRecorder  (0) 2021.06.23
MediaDevices.getUserMedia()  (0) 2021.06.23
Array.prototype.reduce() &&  (0) 2021.06.15