sarifor / video-info-storage

To practice YouTube clone with challenge
https://aqueous-crag-80315.herokuapp.com/
0 stars 0 forks source link

Assignment (19) Audio Recording (Day 31 of 43) #18

Open sarifor opened 3 years ago

sarifor commented 3 years ago

Since making this repo public from May 31, 2022, deleted details of assignment.

sarifor commented 3 years ago

니코 강의 코드/ 흐름

steam 가져와서 video에 play 해 놓고,
start 버튼 누르면 recorder.start하여 event.data에서 URL 추출하여 video.src에 저장하고, stop 버튼 누르면 recorder.stop하고 (download 기능일 때) 버튼 누르면 a 엘러먼트에 붙여 자동 다운로드설정

MDN vs. 니코

navigator.mediaDevices.getUserMedia MediaRecorder에 stream을 넣어 recorder를 만든다.

vs.

navigator.mediaDevices.getUserMedia로 stream을 얻고, MediaRecorder에 stream을 넣어 recorder를 만든다. (똑같넹?)

결론

영상이든 음성이든 녹음하려면 navigator.mediaDevices.getUserMedia랑 MediaRecorder 사용.

sarifor commented 3 years ago

JS로 녹음&저장하고 싶다고 착안하고 관련 지식 얻기까지의 흐름

Step 1 Step 2 Step 3 Step 4 Step 5
개발자를 위한 웹 기술 기본 기술 ...
스크립트 ...
오디오, 비디오, 멀티미디어 웹 미디어 기술 미디어 캡처 및 스트림 API
미디어스트림 레코딩 API MediaRecorder
미디어 캡처 및 스트림 API getUserMedia()
로컬 MediaStream
비 로컬 MediaStream ...