jQuery html5 音频后退或前进快捷键
jQuery html5 audio move step back or jump forward shortcut
我正在使用以下代码 play/pause 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/
你的 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;
}
}
});
箭头键是由按键而不是按键功能触发的。
我正在使用以下代码 play/pause 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/
你的 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;
}
}
});
箭头键是由按键而不是按键功能触发的。