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

Posted 2023-02-25

【中文标题】jQuery html5 音频移动后退或前进快捷方式

【英文标题】：jQuery html5 audio move step back or jump forward shortcut

【发布时间】：2018-12-12 22:42:35

【问题描述】：

我正在使用以下代码使用按钮\ 播放/暂停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/

【参考方案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;
        
    
);

方向键是由keydown而不是keypress函数触发的。