2

我使用此代码从字节生成音频元素，它创建一个简单的 wav 声音，我可以在 google chrome 或 DESKTOP 的 firefox 中播放它，但是当我想在 Google Chrome Mobile 中播放它时，它什么也不播放，在哪里是问题所在，我可以轻松播放 wav 文件，但无法在 google chrome mobile 中播放二进制数据中的音乐：

<!DOCTYPE html>
<html>
    <head>
        <title>Explosion Generator</title>
        <script type = "text/javascript" src="../../js/jquery-1.8.3.js" ></script>
        <script>

            function encodeAudio16bit(data, sampleRate) {
                var n = data.length;
                var integer = 0, i;

                // 16-bit mono WAVE header template
                var header = "RIFF<##>WAVEfmt \x10\x00\x00\x00\x01\x00\x01\x00<##><##>\x02\x00\x10\x00data<##>";

                // Helper to insert a 32-bit little endian int.
                function insertLong(value) {
                    var bytes = "";
                    for (i = 0; i < 4; ++i) {
                        bytes += String.fromCharCode(value % 256);
                        value = Math.floor(value / 256);
                    }
                    header = header.replace('<##>', bytes);
                }

                // ChunkSize
                insertLong(36 + n * 2);

                // SampleRate
                insertLong(sampleRate);

                // ByteRate
                insertLong(sampleRate * 2);

                // Subchunk2Size
                insertLong(n * 2);

                // Output sound data
                for (var i = 0; i < n; ++i) {
                    var sample = Math.round(Math.min(1, Math.max(-1, data[i])) * 32767);
                    if (sample < 0) {
                        sample += 65536; // 2's complement signed
                    }
                    header += String.fromCharCode(sample % 256);
                    header += String.fromCharCode(Math.floor(sample / 256));
                }

                return 'data:audio/wav;base64,' + btoa(header);
            }


            function generateTone(freq, sampleRate, duration){
                var tone = []
                for(var i = 0; i < duration * sampleRate; ++i){
                    tone.push(Math.sin(2 * Math.PI * i / (sampleRate/freq)));
                }
                return tone;
            }

            $(document).ready(function(){
                $("#body").html("Sounds...");

                var sampleRate = 44100; // hz
                var freq = 400;   // hz
                var duration = 2; // seconds
                var tone = generateTone(freq, sampleRate, duration);
                var base64EnodedTone = encodeAudio16bit(tone, sampleRate);
                var audioPlayer = $('<audio>').attr({ src: base64EnodedTone,
                    controls:true
                });
                $("#body").append(audioPlayer);

                $("#body").append("<p>done<p>");
            });    
        </script>
    </head>

    <body>
        <div id="body" ></div>
    </body>
</html>
4

1 回答 1

3

这肯定是一个错误。任何时候你让它在桌面上运行并且它无法在 Chrome for Android 上运行，它有 99.5% 的可能性是一个错误。

我在这里提出了这个错误：https ://code.google.com/p/chromium/issues/detail?id=253466，这里有一个错误的演示：http: //jsbin.com/ajocid/latest

桌面上还有另一种解决方案，可以将音频编码为 Blob 并播放，不幸的是，这在 Android 版 Chrome 上也不起作用，需要修复。

在修复这两个错误之前，您目前所能期望的最好的方法是将其上传到服务器并从那里播放。

于 2013-06-24T13:05:11.797 回答