jQuery html5音频后退或前进快捷方式

时间:2018-12-12 22:42:36

标签: javascript jquery html5 audio playback

我正在使用以下代码通过按钮"BlockRef 00"~1播放/暂停html5音频播放器:

\

我想添加键盘快捷键以从当前位置后退5秒(使用ctrl +向左箭头)或前进5秒(使用ctrl +向右箭头)。

我有一个脚本,但是我不确定如何对其进行编辑:

$(document).keypress(function(e) {

                var video = document.getElementById("myAudio");
                // \
                if ((e.which == 92) || (e.keyCode==92)) {
                    if (video.paused)
                        video.play();
                    else
                        video.pause();
                }
            });

这是一个带有第一个脚本的jsfiddle:https://jsfiddle.net/12jpk4L0/

1 个答案:

答案 0 :(得分:0)

您的js需要看起来像这样

var video = document.getElementById("myAudio");
$(document).keypress(function(e) {
    // \
    if ((e.which == 92) || (e.keyCode==92)) {
        if (video.paused)
            video.play();
        else
            video.pause();
    }
});

$(document).keydown(function(e) {
    if ((e.which == 37) || (e.keyCode == 37)) {
        if (video.currentTime - 5 > 0) {
            video.currentTime -= 5;
        }
    }

    if ((e.which == 39) || (e.keyCode == 39)) {
        if (video.currentTime + 5 < video.duration) {
            video.currentTime += 5;
        }
    }
});

箭头键是由按键按下而不是按键功能触发的。