我只希望我的音频mp3文件播放一次,但它没有发生
I only want my audio mp3 file to play one time and it's not happening
我有一个音频,用户可以开始和停止。这很好,但我只想播放一次音频。目前它一直在循环,我绝对不希望这样。有没有人能告诉我,我怎样才能玩完一次,然后停止?谢谢你。
HTML5<div class="container">
<h3>A word on meditation</h3>
<button id="play">Play</button> <button id="pause">Stop</button>
</div>
JS
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/thoseWhoMeditate.mp3');
audioElement.addEventListener('ended', function() {
this.currentTime = 0;
this.play();
}, false);
$('#play').click(function() {
audioElement.play();
});
$('#pause').click(function() {
audioElement.pause();
});
不确定jquery的说明,但可以将事件类型更改为load:
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'audio/thoseWhoMeditate.mp3');
audioElement.addEventListener('load', function() {
this.currentTime = 0;
this.play();
}, false);
$('#play').click(function() {
audioElement.play();
});
$('#pause').click(function() {
audioElement.pause();
});
相关文章:
- ¿如何每天只显示一次特定的容器
- 只运行一次提取的脚本
- Javascript匹配以从URL中删除部分文件名-替换最后一次出现的内容
- 正在查找最后一次出现的文本
- 循环遍历数组并仅获取一次相同的值
- 在windowsphone javascript中visted一次后的非活动窗体
- 控制不止一次跳水的风格's风格使用java脚本动态,使用类
- 如何每 30 秒加载一次页面的一部分
- Javascript - 需要重复数组迭代,每x秒更改一次元素的类
- 将匹配字符串中最后一次出现的点的正则表达式
- 如何使用上一次调用的数据进行第二次 JS .post 调用
- 删除/隐藏链接后最后一次出现的字符串
- 嵌套在jQuery中的PHP只执行一次.我希望它每次都执行
- JavaScript 循环,每 30 秒调用一次不同的函数
- 使用 setTimeout 调用一次 forEach 的回调函数即可完成
- 创建不会中断上一次调用的重复动画
- 在javascript中获取除最后一次外的所有模式
- 删除javascript中最后一次出现的字符串
- 我如何才能得到一个表单提交只有一次隐藏的值已经从谷歌地理编码服务更新
- 我如何使这个javascript只执行一次它的动作