javascript - jQuery html5音频移动后退或前进快捷方式

Question

我正在使用以下代码使用\按钮播放/暂停html5音频播放器:

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

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

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

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

let toggleChecked, toggleEnabled, observer, dirVideo, settings = {
    skip:      5,
};

    skipLeft: function(v,key,ctrl){
            v.currentTime -= settings.skip;
    },

    skipRight: function(v,key,ctrl){
            v.currentTime += settings.skip;
    },

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

Answer 1

您的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;
        }
    }
});

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