2017-07-13 4 views
0

Je suis nouveau sur RecordRTC.js, j'ai une application simple qui enregistre l'audio et la vidéo et enregistrer cette vidéo. Cela fonctionne très bien si j'écoute de la vidéo en utilisant un casque. mais si je retire le casque et essaie d'enregistrer la vidéo, cela crée un bruit terrible. un certain temps se passe comme si je rafraichis la page puis il ne fait pas le bruit, mais si je branché le casque et le retirer et appuyez sur le bouton d'enregistrement, puis il commence à faire du bruit.RecordRTC faire du bruit sans enregistrement vidéo casque

Voici mon code pour commencer l'enregistrement.

function captureUserMedia(mediaConstraints, successCallback, errorCallback) { 
    navigator.mediaDevices.getUserMedia(mediaConstraints).then(successCallback).catch(errorCallback); 
} 

function onMediaSuccess(stream) { 
    streamMedia = stream; 
    var videoPreview = document.getElementById('webrtcVideo'); 
    var videoFile = !!navigator.mozGetUserMedia ? 'video.gif' : 'video.webm'; 

    videoPreview.src = window.URL.createObjectURL(stream); 
    videoPreview.play(); 
    recordVideo = RecordRTC(stream, { 
     type: 'video' 
    }); 
    recordVideo.startRecording(); 
} 

function onMediaError(e) { 
    console.error('media error', e); 
} 

/** 
* This function will be called from html on click of record button. 
*/ 
function startRecording() { 
    captureUserMedia(mediaConstraints, onMediaSuccess, onMediaError); 
} 

RecordRTC

+0

Etes-vous sûr de son 'video.gif'? Le fichier 'gif' devrait être sans son. – itsazzad

+0

Qu'est-ce que vous envoyez dans' mediaConstraints'? – itsazzad

Répondre

0
var mediaConstraints = { 
    video: true, 
    audio: { 
     mandatory: { 
      echoCancellation: false, 
      googAutoGainControl: false, 
      googNoiseSuppression: false, 
      googHighpassFilter: false 
    }, 
    optional: [{ 
      googAudioMirroring: false 
    }] 
    }, 
}; 
function captureUserMedia(mediaConstraints, successCallback,errorCallback) { 
    navigator.mediaDevices.getUserMedia(mediaConstraints) 
    .then(successCallback) 
    .catch(errorCallback); 
}