Question

我使用recorder.js

在JavaScript中实现了一个记录器

基本上，我正在为Mozilla OS创建一个应用程序。当我安装应用程序时，录像机第一次正常工作。当我第二次尝试时，它不起作用。当我在Audacity中打开wav文件时，它显示为完全空白。

我正在分享我的录音机。我保持createDownloadLink()为空，因为这是我无法分享的内容。

为什么录音机第一次正常工作而不是第二次正常工作的任何线索？有什么黑客能克服这个问题吗？

function startUserMedia(stream) {

            var input = audio_context.createMediaStreamSource(stream);
            __log('Media stream created.');
            // Uncomment if you want the audio to feedback directly
            //input.connect(audio_context.destination);
            //__log('Input connected to audio context destination.');
            recorder = new Recorder(input);
            __log('Recorder initialised.');
        }

function startRecording(button) {

            recorder && recorder.clear();
            recorder && recorder.record();
            button.disabled = true;
            button.nextElementSibling.disabled = false;
            __log('Recording...');
        }

function stopRecording(button) {

            recorder && recorder.stop();
            button.disabled = true;
            button.previousElementSibling.disabled = false;
            __log('Stopped recording.');
            // create WAV download link using audio data blob
            createDownloadLink();
            recorder.clear();
            recorder && recorder.clear();

        }

function createDownloadLink() {

            recorder && recorder.exportWAV(function(blob) {
    }
}

 window.onload = function init() {

            try {

                request = new XMLHttpRequest();
                request.mozSystem = true;

                // webkit shim
                window.AudioContext = window.AudioContext || window.webkitAudioContext;
                navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia|| navigator.mozGetUserMedia;
                window.URL = window.URL || window.webkitURL;
                audio_context = new AudioContext;
                __log('Audio context set up.');
                __log('navigator.getUserMedia ' + (navigator.getUserMedia ? 'available.' : 'not present!'));
            } catch (e) {
                alert('No web audio support in this browser!');
            }
            navigator.getUserMedia({
                audio: true
            }, startUserMedia, function(e) {
                __log('No live audio input: ' + e);
            });
        };

Answer 1

您可能遇到了这个错误：https://bugzilla.mozilla.org/show_bug.cgi?id=934512解决方法是在不会被垃圾回收的地方放置对createMediaStreamSource结果的引用，例如：

window.savedReferenceWorkaroundFor934512 = input;

如果这不是原因，那么我会考虑为每个开始/停止周期创建一个新的audioContext（并在每次新的开始时启动一个新的getUserMedia调用）。

如果不查看所有代码，很难判断，但是在保存blob和清除记录器之间也可能存在竞争条件。一个修复方法是仅在blob之后调用recorder.clear（）。

Recorder.js录制没有按预期工作

1 个答案: