| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- API
- DART
- GRID
- 리액트
- frontend
- form
- graphQL
- ES6
- MongoDB
- TypeScript
- backend
- JavaScript
- heroku
- ECMAScript
- NextJs
- Component
- CSS
- express
- Mongoose
- Session
- HTML
- pug
- Flutter
- CLONE
- nodejs
- 자바스크립트
- clonecoding
- node.js
- react
- javscript
- Today
- Total
목록blob (2)
Enjoy Programming
WebAssembly
현재 만든 비디오 플레이어는 녹화하고 다운로드해서 webm파일을 얻을 수 있다. 하지만 부족한게 많다. 내 맥북에서는 파일이 webm 이라 구동시 브라우저로 열리고 플레이어 이용시 호환이 안된다. 음 니코의 경우 어떤 플레이어를 쓰는지 모르지만 플레이어 구동시 duration도 안나오고 range조절도 안된다. 이번엔 이것을 수정하는 코드를 짜볼건데 FFmpeg를 가지고 mp4로 변환하고 썸네일도 추출할 것이다. FFmpeg는 디지털 영상스트림과 음성스트림을 다양한 형태로 저장하고 변환하는 컴퓨터 프로그램이다. https://www.ffmpeg.org/ FFmpeg Converting video and audio has never been so easy. $ ffmpeg -i input.mp4 outpu..
MediaRecorder
https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder MediaRecorder - Web APIs | MDN The MediaRecorder interface of the MediaStream Recording API provides functionality to easily record media. It is created using the MediaRecorder() constructor. developer.mozilla.org 앞서 preview를 할 수 있게 웹캠을 켜는 것을 했다면~ 이제 recording을 해봐야한다~ 먼저 자잘하게 preview를 했던 함수를 init으로 바로실행시켜서~ 업로드 페이지에 가면 바로 볼 수 있게하고 st..