Javascript:麦克风音频下载链接?

时间:2018-03-12 10:16:29

标签: javascript download stream microphone mediarecorder

我正在尝试录制麦克风的音频,然后为其添加下载链接。

这是我目前的代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Weird Problem</title>
        <script>
        function microphone() {
            if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                navigator.mediaDevices.getUserMedia({ audio: true, video: false }).then(function(stream) {
                    var recorder = new MediaRecorder(stream);
                    var chunks = [];
                    recorder.ondataavailable = function(e) {
                        chunks.push(e.data);
                    }
                    recorder.onstop = function() {
                        stream.getTracks()[0].stop();
                        var blob = new Blob(chunks, { type: "audio/ogg; codecs=opus" });
                        var url = window.URL.createObjectURL(blob);
                        document.getElementById("player").src = url;
                        document.getElementById("upload").href = url;
                        document.getElementById("upload").download = "test.ogg";
                    }
                    recorder.start();
                    setTimeout(function() {
                        recorder.stop();
                    }, 5000);
                }).catch(function(error) {
                    console.log(error);
                });
            }
        }
        </script>
    </head>
    <body>
        <input type="button" value="Record Microphone" onclick="microphone();">
        <br>
        <audio controls id="player"></audio>
        <br>
        <a id="upload">Download Microphone Recording</a>
    </body>
</html>

我在Chrome上,对我来说它可以正确播放麦克风音频,但是当我尝试下载时,该文件将无法播放甚至打开。

我收到文件包含未知格式数据的各种错误,所以我认为这与音频标题有关。

任何帮助都将受到高度赞赏!

1 个答案:

答案 0 :(得分:0)

事实证明这个问题比我预期的要复杂一点。

我现在正在调整Recorder.js的代码。

The online demo does exactly what I need