2017-07-13 11 views
0

私はRecordRTC.jsを初めて使っています。オーディオとビデオを録画してそのビデオを保存する簡単なアプリケーションがあります。ヘッドフォンを使ってビデオを録画するとうまくいきます。しかし、もし私がヘッドフォンを取り外し、ビデオを記録しようとすると、それはひどいノイズを作り出します。ノイズが発生していないページをリフレッシュしても、ヘッドフォンを差し込んで取り外して録音ボタンを押すとノイズが発生するようなこともあります。RecordRTCヘッドフォンビデオ録画なしのノイズ

ここで録音を開始するコードです。

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

あなたはその 'video.gif'か? 'gif'ファイルは無音でなければなりません – itsazzad

+0

' mediaConstraints'で何を送っていますか? – itsazzad

答えて

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); 
} 
関連する問題