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