4

Web Audio API を実装しようとしています。このコードは Chrome 29.0.1547.76 では機能しますが、Safari 6.0.5 (8536.30.1) では機能しません。重要なのは、noteOn(0) と start(0) のどちらを使用するかです。

サウンドの一部を再生できるように start() を使用したい:

asource.start(0, 2, 1);

Chrome では正常に動作します (すぐに再生し、2 秒のマークから開始し、1 秒再生します)、結果は

TypeError: 'undefined' is not a function (evaluating 'asource.start(0, 2, 1)')

サファリで。その1行を

asource.noteOn(0);

動作します。[まあ、stop(0) の代わりに noteOff(0) を呼び出す必要があります。] start(0) でも同じエラーが発生します。では、Safari は start(0) を実装していないと思いますか? しかし、そうだとすれば、 start(0) を使用するHTML5 Rocksの例の一部が機能するのはなぜですか?

参考までに、ここに完全な Web ページを示します。さまざまなサウンド/フォーマットを試しました。すべて同じエラーになります。

<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="utf-8">
<title>Web Audio API Issue</title>
</head>
<body>
<p>Example working on Chrome but not Safari when using start()</p>

<button id="Load" onclick="init()" >Load</button>
<button id="Play" onclick="playSound()" disabled>Play</button>
<button id="Stop" onclick="stopSound()" disabled>Stop</button>

<script>
    var web_audio_context;
    var abuffer;
    var asource;

    function init() {
        contextClass = (window.AudioContext || 
            window.webkitAudioContext || 
            window.mozAudioContext || 
            window.msAudioContext);
        web_audio_context = new contextClass();

        var theURL = './digits.mp3';
        var xhr = new XMLHttpRequest();
        xhr.open('GET', theURL, true);
        xhr.responseType = 'arraybuffer';
        xhr.onload = function(e) {
            finishedLoading(this.response);
        };
        xhr.send();
    }

    function finishedLoading(arrayBuffer) {
        web_audio_context.decodeAudioData(arrayBuffer, function(buffer) {
            abuffer = buffer;
            document.getElementById('Load').disabled = true;
            document.getElementById('Play').disabled = false;
            document.getElementById('Stop').disabled = false;
        }, function(e) {
            console.log('Error decoding file', e);
        }); 
    }

    function playSound() {
        asource = web_audio_context.createBufferSource();
        asource.buffer = abuffer;
        asource.connect(web_audio_context.destination);
        asource.start(0, 2, 1);

    }

    function stopSound() {
        asource.stop(0);
    }
</script>
</body>
</html>
4

2 に答える 2