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
- API
- CSS
- 리액트
- ES6
- GRID
- JavaScript
- pug
- HTML
- frontend
- Component
- CLONE
- node.js
- ECMAScript
- DART
- react
- TypeScript
- form
- clonecoding
- Session
- express
- Flutter
- MongoDB
- backend
- nodejs
- heroku
- javscript
- NextJs
- Mongoose
- 자바스크립트
- graphQL
Archives
- Today
- Total
Enjoy Programming
webAssemply 2 본문
이번에는 썸네일을 만들어서 영상의 첫프레임이나 1초의 스크린샷을 찍어서 jpg파일로 저장해서 쓴다.
역시 인풋에 해당 파일을 넣어주고~ -ss는 영상의 특정시간대로 갈 수 있는 명렁어인데 1초로 지정한다.
그리고 -frames:v는 스크린샷을 찍을 수 있게 해주는데 1로 지정한것은 첫번째 프레임임을 지정한 것이다.
마지막으로 파일시스템의 메모리에서 만들어주는 썸네일.jpg를 생성해준다.
다시 녹화를 하고 진행하면~ 콘솔창에 mjpeg파일이 생성된 것을 확인할 수 있다.
이제 영상을 받을때와 똑같이 해주면 된다~!~! arraybuffer처리와 blob처리~ 그리고 url만들어주고 역시 fake link만들어서 다운로드 할 수 있도록~!~!
짜잔~~!~! 썸네일도 생성되어서 다운로드 된다~!
마지막으로 파일시스템의 unlink를 이용해 해당 파일을 남기지 않고 삭제하고 url도 revoke해준다
요롷게~!~!~!
'JavaScript > Vanilla Js' 카테고리의 다른 글
[ES6] Set && weakSet (0) | 2021.07.06 |
---|---|
[ES6] Symbol (0) | 2021.07.02 |
WebAssembly (0) | 2021.06.25 |
download for recorded video (0) | 2021.06.23 |
MediaRecorder (0) | 2021.06.23 |