2012-10-28 198 views
3

我在Chrome的游戏中使用网络音频API。要播放声音,我使用网络音频API。网络音频API:如何播放和停止音频?

我学会从文章:http://www.html5rocks.com/en/tutorials/webaudio/intro/

window.onload = init; 
var context; 
var bufferLoader; 

function init() { 
context = new webkitAudioContext(); 

bufferLoader = new BufferLoader(
context, 
[ 
'0.mp3', 
'2.mp3', 
], 
finishedLoading 
); 

bufferLoader.load(); 
} 

function finishedLoading(bufferList) { 

var source1 = context.createBufferSource(); 
var source2 = context.createBufferSource(); 
source1.buffer = bufferList[0]; 
source2.buffer = bufferList[1]; 

source1.connect(context.destination); 
source2.connect(context.destination); 
source1.noteOn(0); 
source2.noteOn(0); 
} 

然而,声音是没有打过。别说我想用noteOff(0)稍后停止它们。

然后我发现这篇文章http://updates.html5rocks.com/2012/02/HTML5-audio-and-the-Web-Audio-API-are-BFFs

而且我改变我的代码:

var context = new webkitAudioContext(); 
    var analyser = context.createAnalyser(); 
    var source; 
    var audio0 = new Audio(); 
    audio0.src = '0.mp3'; 
    audio0.controls = true; 
    audio0.autoplay = true; 
    audio0.loop = true; 
    source = context.createMediaElementSource(audio0); 
    source.connect(analyser); 
    analyser.connect(context.destination); 

这一次更是打出了!

而我的问题在于:我想用按钮停止声音。

我试图改变audio0.autoplay = false;

 var play0 = false; 
     $("#0").click(function(){ 
    if(play0===false){ 
    audio0.src = '0.mp3'; 
    audio0.controls = true; 
    audio0.autoplay = true; 
    audio0.loop = true; 
    source = context.createMediaElementSource(audio0); 
    source.connect(analyser); 
    analyser.connect(context.destination); 
    play0=true;} 

    if(paly0){ 
    audio0.autoplay=false;} 

    }); 

代替停止,它每次点击按钮时再次播放。

两个问题:

  1. 什么是这两种音频播放方式之间的区别?

  2. 如何手动停止声音?

任何帮助,非常感谢。

+0

你想'audio0.pause()'? – pimvdb

+1

@primvdb,不,但停止。 – kikkpunk

+0

没有停止,所以只需按照pimvdb的建议暂停。 –

回答

4

您可以暂停音频元素并将其时间设置为0,以便您实际上具有“停止”功能:http://jsfiddle.net/Z5ZuJ/

audio0.pause(); 
audio0.currentTime = 0;