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;}
});
代替停止,它每次点击按钮时再次播放。
两个问题:
什么是这两种音频播放方式之间的区别?
如何手动停止声音?
任何帮助,非常感谢。
你想'audio0.pause()'? – pimvdb
@primvdb,不,但停止。 – kikkpunk
没有停止,所以只需按照pimvdb的建议暂停。 –