【问题标题】:jQuery html5 audio move step back or jump forward shortcutjQuery html5 音频移动后退或前进快捷方式
【发布时间】: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/

【问题讨论】:

    标签: javascript jquery html audio playback


    【解决方案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函数触发的。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多