Javascript 将暂停功能添加到soundjs
我试过使用:Javascript 将暂停功能添加到soundjs,javascript,soundjs,Javascript,Soundjs,我试过使用: createjs.Sound.pause mySound.stop() 什么都不管用。现在它有一个停止按钮,但如果按下停止按钮,声音将不会再次播放 这是我使用的soundjs 我的代码与它的源代码完全相同。谢谢你的帮助 根据Stephen Lightcap的回答,我最终会这样做: head标记中的Javascript: function load() { // Update the UI document.getElementById("di
createjs.Sound.pause代码>
mySound.stop()代码>
function load() {
// Update the UI
document.getElementById("display").innerText = ".";
// Load the sound
createjs.Sound.alternateExtensions = ["mp3"];
createjs.Sound.addEventListener("fileload", handleFileLoad);
createjs.Sound.registerSound({id:"mySound", src:"../../test.mp3"});
}
function handleFileLoad(event) {
// Update the UI
document.getElementById("display").innerHTML = ".";
document.getElementById("stopBtn").disabled = "";
// Play the loaded sound
createjs.Sound.play(event.src,{loop:2});
}
var instance = createjs.Sound.play(event.src);
</script>
函数加载(){
//更新用户界面
document.getElementById(“显示”).innerText=“.”;
//加载声音
createjs.Sound.alternateExtensions=[“mp3”];
createjs.Sound.addEventListener(“文件加载”,handleFileLoad);
createjs.Sound.registerSound({id:“mySound”,src:“../../test.mp3”});
}
函数handleFileLoad(事件){
//更新用户界面
document.getElementById(“显示”).innerHTML=“.”;
document.getElementById(“stopBtn”).disabled=“”;
//播放加载的声音
createjs.Sound.play(event.src,{loop:2});
}
var instance=createjs.Sound.play(event.src);
body标签内的按钮:
按钮onclick的Javascript。放在按钮下面:
<script>
function pause(){
instance.pause();
}
</script>
函数暂停(){
实例pause();
}
但我有一个错误说:
未捕获的TypeError:无法读取未定义的属性“pause”
暂停时(phkk.html:560)
在HTMLInputElement.onclick(phkk.html:177)中,您可以将其存储在一个var中,然后使用函数
pause()
Have按钮调用将存储暂停的方法
<input id="pausBtn" type="button" value="Pause" onclick="pause()"/>
编辑
我查看了文档,它似乎不再像那样工作了,所以你必须使用
以下是关于它如何对我起作用的粗略概述:
<script>
var instance;
function load() {
// Update the UI
document.getElementById("display").innerText = ".";
// Load the sound
createjs.Sound.alternateExtensions = ["mp3"];
createjs.Sound.addEventListener("fileload", handleFileLoad);
createjs.Sound.registerSound({id:"mySound", src:"../../test.mp3"});
}
function handleFileLoad(event) {
// Update the UI
document.getElementById("display").innerHTML = ".";
document.getElementById("stopBtn").disabled = "";
// Play the loaded sound
instance = createjs.Sound.play(event.src,{loop:2});
}
function pause(){
instance.paused ? instance.paused = false : instance.paused = true;
}
</script>
var实例;
函数加载(){
//更新用户界面
document.getElementById(“显示”).innerText=“.”;
//加载声音
createjs.Sound.alternateExtensions=[“mp3”];
createjs.Sound.addEventListener(“文件加载”,handleFileLoad);
createjs.Sound.registerSound({id:“mySound”,src:“../../test.mp3”});
}
函数handleFileLoad(事件){
//更新用户界面
document.getElementById(“显示”).innerHTML=“.”;
document.getElementById(“stopBtn”).disabled=“”;
//播放加载的声音
instance=createjs.Sound.play(event.src,{loop:2});
}
函数暂停(){
instance.paused?instance.paused=false:instance.paused=true;
}
HTML按钮:
<body>
<input id="loadBtn" type="button" value="Begin Loading" onclick="load()"/>
<input id="stopBtn" type="button" value="Stop Playing" onclick="createjs.Sound.stop();" disabled="disabled" />
<input id="pauseBtn" type="button" value="Pause" onclick="pause()"/>
<label id="display">Waiting for User Input. Click "Begin Loading".</label>
正在等待用户输入。单击“开始加载”。
您可以将其存储在var中,然后使用函数
pause()
Have按钮调用将存储暂停的方法
<input id="pausBtn" type="button" value="Pause" onclick="pause()"/>
编辑
我查看了文档,它似乎不再像那样工作了,所以你必须使用
以下是关于它如何对我起作用的粗略概述:
<script>
var instance;
function load() {
// Update the UI
document.getElementById("display").innerText = ".";
// Load the sound
createjs.Sound.alternateExtensions = ["mp3"];
createjs.Sound.addEventListener("fileload", handleFileLoad);
createjs.Sound.registerSound({id:"mySound", src:"../../test.mp3"});
}
function handleFileLoad(event) {
// Update the UI
document.getElementById("display").innerHTML = ".";
document.getElementById("stopBtn").disabled = "";
// Play the loaded sound
instance = createjs.Sound.play(event.src,{loop:2});
}
function pause(){
instance.paused ? instance.paused = false : instance.paused = true;
}
</script>
var实例;
函数加载(){
//更新用户界面
document.getElementById(“显示”).innerText=“.”;
//加载声音
createjs.Sound.alternateExtensions=[“mp3”];
createjs.Sound.addEventListener(“文件加载”,handleFileLoad);
createjs.Sound.registerSound({id:“mySound”,src:“../../test.mp3”});
}
函数handleFileLoad(事件){
//更新用户界面
document.getElementById(“显示”).innerHTML=“.”;
document.getElementById(“stopBtn”).disabled=“”;
//播放加载的声音
instance=createjs.Sound.play(event.src,{loop:2});
}
函数暂停(){
instance.paused?instance.paused=false:instance.paused=true;
}
HTML按钮:
<body>
<input id="loadBtn" type="button" value="Begin Loading" onclick="load()"/>
<input id="stopBtn" type="button" value="Stop Playing" onclick="createjs.Sound.stop();" disabled="disabled" />
<input id="pauseBtn" type="button" value="Pause" onclick="pause()"/>
<label id="display">Waiting for User Input. Click "Begin Loading".</label>
正在等待用户输入。单击“开始加载”。
我知道这很简单,但我想知道应该把
var instance=createjs.Sound.play(event.src)放在哪里代码>?谢谢你的帮助我已经编辑了我的帖子并测试了你的代码。我希望你不介意检查并纠正我犯的错误。谢谢@史蒂芬Lightcap@C.topo检查编辑,它是在我的机器上工作的,只是用你的音频文件替换文件,甚至复制粘贴你的所有代码。但暂停按钮什么也没做。也没什么错误,奇怪。顺便说一句,我真的很感谢你的帮助和再次感谢!我会设法解决这个问题,稍后再告诉你结果D@Stephen Lightcap有没有办法把我正在编写的代码发送给你?我指的是它的html文件。也许这样你可以试着在你的电脑上运行它,因为我在mozilla和chrome上试过,暂停仍然不起作用@Stephen LightcapI知道这很简单,但我想知道应该将var instance=createjs.Sound.play(event.src)放在哪里代码>?谢谢你的帮助我已经编辑了我的帖子并测试了你的代码。我希望你不介意检查并纠正我犯的错误。谢谢@史蒂芬Lightcap@C.topo检查编辑,它是在我的机器上工作的,只是用你的音频文件替换文件,甚至复制粘贴你的所有代码。但暂停按钮什么也没做。也没什么错误,奇怪。顺便说一句,我真的很感谢你的帮助和再次感谢!我会设法解决这个问题,稍后再告诉你结果D@Stephen Lightcap有没有办法把我正在编写的代码发送给你?我指的是它的html文件。也许这样你可以试着在你的电脑上运行它,因为我在mozilla和chrome上试过,暂停仍然不起作用@斯蒂芬·莱特卡普