javascript - textareaの入力を使用してビデオイベントをトリガーする-javascript

Question

私はHTML5ビデオロギングおよびトランスクリプションアプリケーションに取り組んでいます。トランスクリプショニストは、ボタンをクリックするのではなく、キーボードショートカット/アクセラレータを使用してビデオを開始および停止できる必要があります。textareaボックスを離れずにjavascriptを使用してこれを行う方法はありますか？

ありがとう、ノーム

Answer 1

このJSFiddleを試してください。ビデオを停止/開始するためのショートカットは「alt+Enterキー」です。

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