MediaRecorder Alternatives

Question

我一直玩MediaRecorder保存MediaStream已由getUserMedia創建。我對結果非常滿意，但是我需要類似的東西，它有更好的跨瀏覽器支持。

這裏是我如何使用MediaRecorder一些示例代碼（只給你一些背景）：

var mediaRec; 
navigator.getUserMedia({ 
    audio:true 
},function(stream){ 
    mediaRec=new MediaRecorder(stream); 
    mediaRec.start(10000); 
    mediaRec.ondataavailable=function(e){ 

    }; 
},function(err){}); 

似乎MediaRecorder only works in the Firefox browser and the Firefox OS。

但是MediaRecorder is part of the W3C Specification和Google Chrome has stated it intends to support it in a future release，但是我有什麼選擇嗎？

我知道像Flash和Silverlight這樣的插件可以實現與MediaRecorder相同的功能，但我需要的是一個JavaScript解決方案。

任何人都可以幫忙嗎？

Answer 1

所有其他可用選項都將使用高級API並在瀏覽器/ JavaScript級別實施。因此，沒有一個真正與Firefox提供的MediaRecorder API相媲美，因爲它被集成到瀏覽器中，並且具有瀏覽器實現中「較低級別」的優點。

我知道的一個選項肯定有效（儘管利用Web Audio API）是Matt Diamond's Recorderjs。

以及使用來自Matt's github的Recorderjs的例子。

var audio_context; 
    var recorder; 

    function startUserMedia(stream) { 
    var input = audio_context.createMediaStreamSource(stream); 

    input.connect(audio_context.destination); 

    recorder = new Recorder(input); 
    } 

    function startRecording() { 
    recorder.record(); 
    } 

    function stopRecording(button) { 
    recorder.stop(); 
    createDownloadLink(); 

    recorder.clear(); 
    } 

    function createDownloadLink() { 
    recorder.exportWAV(function(blob) { 
     var url = URL.createObjectURL(blob); 
     var li = document.createElement('li'); 
     var au = document.createElement('audio'); 
     var hf = document.createElement('a'); 

     au.controls = true; 
     au.src = url; 
     hf.href = url; 
     hf.download = new Date().toISOString() + '.wav'; 
     hf.innerHTML = hf.download; 
     li.appendChild(au); 
     li.appendChild(hf); 
     recordingslist.appendChild(li); 
    }); 
    } 

    window.onload = function init() { 
    try { 
     // webkit shim 
     window.AudioContext = window.AudioContext || window.webkitAudioContext; 
     navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia; 
     window.URL = window.URL || window.webkitURL; 

     audio_context = new AudioContext; 

    navigator.getUserMedia({audio: true}, startUserMedia, function(e) { 
     console.log('No live audio input: ' + e); 
    });