html音乐播放器如何添加暂停按钮,HotKey播放/暂停HTML5音乐播放器

这是我用于HTML5音乐播放器的一小部分JavaScript代码。我想知道你们是否可以帮我建立一个HotKey来使用Space键切换播放/暂停按钮。有什么想法吗？

CODE：

$('.trackslist li').live('click', function(event) {

var $track = $(this),

$player = $track.closest('.player'),

trackId = $track.data('sc-track').id,

play = $player.is(':not(.playing)') || $track.is(':not(.active)');

if (play) { onPlay($player, trackId); }else{ onPause($player); }

$track.addClass('active').siblings('li').removeClass('active');

return false;

});

$('.next').live('click', function(event) {

$player = $(this).closest('.player');

onNext($player);

});

$('.prev').live('click', function(event) {

$player = $(this).closest('.player');

onPrev($player);

});

我发现了一个想法：

document.onkeydown = function(e){

var ev = isIE?event:e;

if(ev.charCode && ev.charCode == 32)

player.playPause();

else{

switch(ev.keyCode){

case 32:

player.playPause();

break;

case 39:

player.nextSong();

break;

case 37:

player.prevSong();

break;

case 38:

player.volumeInc();

break;

case 40:

player.volumeDec();

break;

}

html音乐播放器如何添加暂停按钮,HotKey播放/暂停HTML5音乐播放器相关推荐

html音乐自动播放暂停js,JS实现控制HTML5背景音乐播放暂停
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的,仅仅几行代码即可实现. 首先在网页中嵌入背景音乐,html5代码为: 通过audio的id即可控制音乐的播放(play())和暂停(pa ...
html5的在线播放页面,整理5款html5网页播放器，总有一款适合你吧
整理了5款html5网页播放器,总有一款适合你吧. 酷播云HTML5倍速功能视频播放器介绍: 重要提示:本播放器为酷播云在线产品,用户可以免费注册使用,下载包仅提供代码使用示例及演示,并非播放器的下 ...
html5 video播放按钮放在中间,在html5视频控制区跟踪点击播放按钮(Track clicks to play button in html5 video control area)...
在html5视频控制区跟踪点击播放按钮(Track clicks to play button in html5 video control area) 我点击了一张HTML5视频播放海报,并点击了控 ...
直播播放器+html5,10款html5网页播放器推荐（总有一款适合你）
整理了5款html5网页播放器,总有一款适合你吧. 酷播云HTML5倍速功能视频播放器介绍: 重要提示:本播放器为酷播云在线产品,用户可以免费注册使用,下载包仅提供代码使用示例及演示,并非播放器的下 ...
html5+php视频播放器,整理5款html5网页播放器，总有一款适合你吧
整理了5款html5网页播放器,总有一款适合你吧. 酷播云HTML5倍速功能视频播放器介绍: 重要提示:本播放器为酷播云在线产品,用户可以免费注册使用,下载包仅提供代码使用示例及演示,并非播放器的下 ...
10个jQuery HTML5音频播放器
根据Buzz Angle Music的数据,2017年第一季度,仅美国就消费了830亿个音频流.这比上一季度增长了61.2%. 同时,音乐销量下降了23.8%. 2017年5月8日:此热门文章已更新, ...
vue 无法进入response拦截器_Vue添加请求拦截器
一.现象统一处理错误及配置请求信息二.解决 1.安装 axios , 命令: npm install axios --save-dev 2.在根目录的config目录下新建文件 axios.js ...
切片器可以设置日期格式？_Power BI 中的切片器
何时使用切片器在要完成以下操作时,切片器非常有用: 在报表画布上显示常用或重要的筛选器,用以简化访问. 更轻松地查看当前筛选的状态,而无需打开下拉列表. 按数据表中不需要的和隐藏的列进行筛选. 通过 ...
android 暂停音乐播放器,Android仿音乐播放器带进度的播放暂停按钮
因为项目需要,要做一个下载暂停开始的按钮,要求按钮上显示进度.网上找了找没有合适的,不太满意,于是自己动手写了一个. 效果如下: 主要步骤: 1.最外侧的圆环. 2.圆环内侧代表进度的圆弧. 3.暂停 ...

html音乐播放器如何添加暂停按钮,HotKey播放/暂停HTML5音乐播放器

html音乐播放器如何添加暂停按钮,HotKey播放/暂停HTML5音乐播放器相关推荐

最新文章

热门文章