목록웹 녹화 (1)

김서버의 프론트엔드 일기

MediaRecorder와 FileSystem으로 실시간 녹화 저장 프로그램 만들기

개요 최근에 웹 컨퍼런스 중 구글의 최홍찬 개발자님의 web의 audio api 연사를 듣고 나서 media 관련으로 간단하게 서비스를 만들어 보자는 생각으로 시작이 되었었습니다. 구현할 기능 카메라에 찍히는 자신을 녹화하면서 실시간 자신의 모습을 확인하기 면접 질문을 랜덤으로 뽑아서 하나씩 보여주고, 문제를 넘길 때마다, 기록해서 vtt 파일로 저장하기 vtt파일과 녹화한 영상을 가지고 자막과 함께 자신의 녹화된 모습을 보면서 피드백할 수 있게 하기 사용한 주요 API - getUserMedia: 사용자의 카메라와 마이크의 입력을 받고, 그 입력값을 stream 방식으로 실시간 입력을 받을 수 있습니다. - MediaRecorder: js native객체로 stream에서 발행하는 데이터를 Blob 파..
공부하는거/Web 2022. 3. 6. 17:03
이전 Prev 1 Next 다음