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 | 31 |
Tags
- heroku
- graphQL
- API
- 리액트
- 자바스크립트
- frontend
- TypeScript
- HTML
- Flutter
- CSS
- GRID
- CLONE
- Component
- node.js
- ECMAScript
- JavaScript
- nodejs
- pug
- DART
- express
- NextJs
- ES6
- backend
- Mongoose
- form
- Session
- javscript
- clonecoding
- react
- MongoDB
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 |