Javascript：麥克風音頻下載鏈接？

Question

我正在嘗試從麥克風錄制音頻，然后為其添加下載鏈接。

這是我當前的代碼：

<!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，對於我來說，它可以正確播放麥克風音頻，但是當我嘗試下載它時，該文件將無法播放甚至無法打開。

我收到各種錯誤消息，該文件包含未知格式的數據，因此我認為這與音頻標題有關。

任何幫助將不勝感激！

Answer 1

事實證明，這個問題比我預期的要復雜一些。

我現在正在改編Recorder.js中的代碼。

在線演示完全滿足我的需求。

Javascript：麥克風音頻下載鏈接？

問題描述

1 個解決方案

解決方案1
0 已采納 2018-05-18 07:47:17

Javascript：麥克風音頻下載鏈接？

問題描述

1 個解決方案

解決方案1 0 已采納 2018-05-18 07:47:17

解決方案1
0 已采納 2018-05-18 07:47:17