search

artisan91 / ssapiano

2 stars 0 forks source link

연주 기록하기 #5

Closed ojin0611 closed 3 years ago

ojin0611 commented 3 years ago

컨테스트를 열 것입니다!

record 버튼을 누른다.

Keydown, Keyup event마다 keyCode : [{starttime1,endtime1}, {starttime2,endtime2}] 형태로 Notes 저장. Web 화면 + 소리를 동영상형태로 저장 두 가지 형태 모두 도전해봅시다. 사용자가 편한 것이 어떤 것인지 둘 다 만들어서 투표해봐요!

ojin0611 commented 3 years ago

Issue 본문에 적은 내용은 너무 복잡해서, 우선은 영상자체를 녹화하는 방법으로 접근했습니다.

https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder https://github.com/mdn/web-dictaphone https://yong0810.tistory.com/44

위의 링크들 참고하면서 만들어봤는데 영상은 녹화가 되는데 소리가 잘 안들립니다.

ojin0611 commented 3 years ago

아래 과정을 거치면 webm 파일이 생성된다. record 버튼 클릭 > 전체화면 > 오디오 공유 check > 마이크 허용

연주 stop 버튼 클릭 > download 버튼 클릭