Tengo un requisito de proyecto para grabar y almacenar la transmisión de video que se está ejecutando actualmente. He usado webRTC para la transmisión de video y, para grabar la transmisión de video, he usado la API MediaRecorder. Está funcionando completamente bien en el sistema de escritorio. Pero no funciona en el navegador móvil.
¿Alguna idea de por qué no funciona en el navegador móvil?
El siguiente es el fragmento de código:
componentDidMount = async () => { recordingStream = await navigator.mediaDevices.getDisplayMedia({ video: true, audio: true, }); const mergedAudio = await this.mergeAudioStreams(); console.log("audio track length... ", mergedAudio.length); const tracks = [ ...recordingStream.getVideoTracks(), ...mergedAudio, ]; captureStream = new MediaStream(tracks); mediaRecorder = new MediaRecorder(captureStream, options); mediaRecorder.ondataavailable = this.handleDataAvailable; mediaRecorder.start(); } handleDataAvailable = async event => { console.log("data-available", event); if (event.data.size > 0) { recordedChunks.push(event.data); this.download(); } else { // ... console.log("in else"); } }; download = async () => { console.log("in download fn"); var blob = await new Blob(recordedChunks, { type: "video/mp4", }); //called the API to store the recorded video } mergeAudioStreams = async () => { console.log("recordScreen fn called"); const ctx = new AudioContext(); const dest = ctx.createMediaStreamDestination(); let localSource, remoteSource; if (this.state.localStream.getAudioTracks().length > 0) { localSource = ctx.createMediaStreamSource(this.state.localStream); } if (this.state.selectedVideo.stream.getAudioTracks().length > 0) { remoteSource = ctx.createMediaStreamSource( this.state.selectedVideo.stream ); } const localGain = ctx.createGain(); const remoteGain = ctx.createGain(); localGain.gain.value = 0.7; remoteGain.gain.value = 0.7; localSource.connect(localGain).connect(dest); remoteSource.connect(remoteGain).connect(dest); console.log("combine tracks..", dest.stream.getAudioTracks()); return dest.stream.getAudioTracks(); };