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)')

在 Safari 上。将那一行替换为

asource.noteOn(0);

作品。[嗯，我需要调用 noteOff(0) 而不是 stop(0)。] 我得到与 start(0) 相同的错误。所以，我假设 Safari 没有实现 start(0)？但如果是这样，为什么HTML5 Rocks中使用 start(0) 的一些示例有效？

作为参考，这里是完整的网页。我尝试了许多不同的声音/格式；都导致相同的错误。

<!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

5

在较新的 Web Audio API 版本中，该方法noteOn被重命名为start. Safari 仍然使用旧版本，而 Chrome 使用更新的版本。

试试看嘛：

asource.start ? asource.start(0, 2, 1) : asource.noteOn(0, 2, 1);
于 2013-10-04T12:01:39.840 回答
2

尝试将Chris Wilson 的Web Audio API 猴子补丁库添加到您的项目中。它可能会有所帮助。

于 2013-10-01T10:08:02.203 回答