Question

我正在研究HTML5视频记录和转录应用程序。转录员需要能够使用键盘快捷键/加速器启动和停止视频，而不是单击按钮。有没有办法让我在不离开textarea框的情况下使用javascript来执行此操作？

谢谢，规范

Answer 1

试试这个JSFiddle。停止/启动视频的快捷方式是“alt + enter key”。

HTML：

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls id="video">
  Your browser does not support the <code>video</code> element.
</video>
<textarea></textarea>

Javascript（使用jQuery）：

$(function(e) {
    $('textarea').keydown(function(e) {
        // shortcut for stopping/starting the video
        // is alt + enter
        if (e.altKey && e.keyCode == 13) {
            toggleVideoPlay();
            return false;
        }
    });
});

function toggleVideoPlay() {
    var video = $('#video')[0];
    if (video.paused) {
        video.play();
    } else {
        video.pause()
    }
}

使用textarea中的输入来触发视频事件 - javascript

1 个答案: