홈>
프로젝트에 비디오가 표시되어 있습니다. 비디오 위에는 어떤 물체가 그려지는 캔버스가 있습니다. 따라서 비디오에는 일부 도면이 오버레이됩니다. 이제 도면을 포함한 비디오 파일을 다운로드하고 싶습니다. webrtc mediaRecorder를 사용하고 있습니다. window.requestAnimationFrame에서 캔버스에 비디오를 그립니다. 내 보낸 비디오는 좋아 보이지만 캔버스를 캡처했기 때문에 비디오에서 오디오가 없습니다. 비디오에서 오디오를 캡처하여 canvasStream에 추가 할 수 있습니까? 또한 오디오를 포함한 비디오 스트림을 녹화했지만 그 위에 그림이 없습니다. 어떤 제안?
- 답변 # 1
관련 자료
- ALSA를 활성화하여 CS4207의 SPDIF 입력에서 오디오를 캡처합니다
- security - WebRTC를 통해 IP를 캡처하는 JavaScript (비동기/대기 문제)
- javascript - 처리를 위해 HTML 캔버스 캡처
- android - 발신 통화에서 마이크 입력 캡처 및 오디오를 API로 스트리밍
- javascript - 모바일과 데스크탑 간 WebRTC 오디오 문제
- javascript - webrtc 오디오 장치 연결 끊기 및 다시 연결
- 60fps로 캔버스에서 프레임 캡처
- javascript - WEBRTC를 사용한 화면 캡처, 사용자 스트림 선택에 대해 알아보기
- node.js - 노드에서 WebRTC 일대일 오디오 또는 비디오 통화 시간을 감지 할 수 있습니까?
입력 스트림 AudioTrack 및 Canvas 비디오 트랙으로 새 MediaStream을 만들어야합니다.
그런 다음 새 스트림을 녹음하면 레코더 출력 (blobs)에 오디오와 비디오가 모두 포함됩니다.
내 데모를보십시오.