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

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()
    }
}​