2

このコードを使用して、バイトからオーディオ要素を生成し、単純な wav サウンドを作成します。Google chrome または DESKTOP の firefox で再生できますが、Google Chrome Mobile で再生したい場合、何も再生しません。 wav ファイルは簡単に再生できますが、Google Chrome モバイルでバイナリ データから音楽を再生できません。

<!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 でも機能せず、修正する必要があります。

2 つのバグが修正されるまで、現時点で期待できる最善の方法は、これをサーバーにアップロードして、そこから再生することです。

于 2013-06-24T13:05:11.797 に答える