基本的Web音频API不播放声音

我想通过拼凑示例在线跟随教程。我觉得这应该是播放MP3文件。我使用的是Chrome浏览器，并且它是最新的。我没有在控制台上发现任何错误。我不确定我需要更改或添加这项工作。基本的Web音频API不播放声音

<html> 

<head> 
<script type="text/javascript"> 
var context; 

var sound1Buffer = null; 
var url = 'https://dl.dropboxusercontent.com/u/1957768/SrtV2.mp3'; 


function init(){ 
    try { 
     window.AudioContext = window.AudioContext || window.webkitAudioContext; 
     context = new AudioContext(); 
    } 

    catch(e) { 
     alert("web Audio api is not supported!"); 
    } 
} 

window.addEventListener('load', init, false); 

function loadDogSound(url){ 

    var request = new XMLHttpRequest(); 
    request.open("GET", url, true); 
    request.responseType = 'arrayBuffer'; 

    //decode asynchronously 
    request.onload = function(){ 
     context.decodeAudioData(request.response, function(buffer){ 
      sound1Buffer = buffer; 

     }, onError); 
    } 
    request.send(); 
} 


function playSound(sound1Buffer){ 
    var source = context.createBufferSource(); 
    source.sound1Buffer = sound1Buffer; 

    source.connect(context.destination);  
    source.start(0); 
} 

</script> 
</head> 
<body> 
</body> 
</html>

来源

2013-06-26 oxxi

你永远不会打电话给loadDogSound。如果你调用它，你会发现，你得到一个错误：

Uncaught ReferenceError: onError is not defined

此外，你永远不会调用playSound。

这里有一个工作示例：

<html> 
<head> 
<script type="text/javascript"> 
    //That one url you wanted. 
    var url = 'https://dl.dropboxusercontent.com/u/1957768/SrtV2.mp3'; 

    /* --- set up web audio --- */ 
    //create the context 
    var context = new webkitAudioContext(); 
    //...and the source 
    var source = context.createBufferSource(); 
    //connect it to the destination so you can hear it. 
    source.connect(context.destination); 

    /* --- load up that buffer --- */ 
    //Basic start to ajax! (I say basic, yet i don't know it well.) 
    var request = new XMLHttpRequest(); 
    //open the request...? 
    request.open('GET', url, true); 
    //I don't even know. 
    request.responseType = 'arraybuffer'; 
    //Once the request has completed... do this 
    request.onload = function() { 
    context.decodeAudioData(request.response, function(response) { 
     /* --- play the sound AFTER we've gotten the buffer loaded --- */ 
     //set the buffer to the response we just received. 
     source.buffer = response; 
     //And off we go! .start(0) should play asap. 
     source.start(0); 
    }, function() { console.error('The request failed.'); }); 
    } 
    //Now that the request has been defined, actually make the request. (send it) 
    request.send(); 
</script> 
</head> 
<body> 
</body> 
</html>

来源

2013-06-26 02:06:10 uber5001

功能'的init（）'没有问题，如果运行的浏览器不支持音频API。这让我觉得所有的函数在加载到浏览器时都会运行。我必须改变'window.addEventListener'中的内容吗？什么是调用'loadDogSound'和'playSound'的正确方法。原谅我，但我对这个东西还很陌生。 – oxxi

嘿，我喜欢搞乱网络音频API。我可以帮你吗？我们聊聊吧？ - http://chat.stackoverflow.com/rooms/32365/room-for-uber5001-and-oxxi – uber5001

回答

相关问题