JQuery HTML5 аудио переместить шаг назад или перейти вперед ярлык - PullRequest
0 голосов
/ 13 декабря 2018

Я использую следующий код для воспроизведения / приостановки воспроизведения 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 Ответ

0 голосов
/ 13 декабря 2018

Ваши 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;
        }
    }
});

Клавиши со стрелками запускаются нажатием клавиши, а не функцией нажатия клавиши.

...