使用JavaScript播放或暂停音频文件(onkeydown)
Play or pause an audio file (onkeydown) with JavaScript
我有以下代码,在按下shift (KeyCode: 16)时完美地播放音频文件。
我要做的是再次按shift键并暂停歌曲。我应该有可能播放/暂停多次。
HTML:<audio id="audio" src="audio/song.mp3" autostart="false"></audio>
JavaScript: var sound = {
16: 'audio'
};
document.onkeydown = function (e) {
var soundId = sound[e.keyCode];
if (soundId) document.getElementById(soundId).play();
else console.log("key not mapped : code is", e.keyCode);
}
检查音频是否处于暂停状态,如果是,则播放,否则暂停
var sound = {
16: 'audio'
};
document.addEventListener('keydown', function(e) {
var soundId = sound[e.which || e.keyCode];
if (soundId) {
var elem = document.getElementById(soundId);
if ( elem.paused ) {
elem.play();
} else {
elem.pause();
}
} else {
console.log("key not mapped : code is", e.keyCode);
}
});
相关文章:
- 如何播放部分音频文件
- 从桌面读取python文件时高亮显示代码
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何使用WCF服务和javascript表单post上传.doc文件
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- Javascript-如何读取json文件中的列并将其保存在Javascript数组中
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在php文件中获取$.post-ajax传递的值
- 直接下载文件,而不是从window.open(url)
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用压缩的JavaScript文件(不是运行时压缩)
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- Javascript运行php文件,然后下载文件
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- 我应该如何从xml文件构建一个javascript页面
- 使用JavaScript播放或暂停音频文件(onkeydown)