Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- express
- HTML
- Mongoose
- Component
- backend
- ES6
- ECMAScript
- API
- JavaScript
- CSS
- pug
- TypeScript
- Session
- react
- GRID
- 리액트
- node.js
- MongoDB
- DART
- NextJs
- frontend
- heroku
- nodejs
- form
- graphQL
- javscript
- Flutter
- clonecoding
- 자바스크립트
- CLONE
Archives
- Today
- Total
Enjoy Programming
download for recorded video 본문
앞서 녹화된 비디오를 다운로드 해보자.
비디오를 우클릭후 다운로드도 가능하지만 가짜 링크를 걸어 사용자가
클릭해서 다운로드 하도록 ~ 편의 기능 제공! ㅋㅋ
우선 앞서 만든 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 |