html - 视频制作 POST 或 GET

Question

当视频中的人有时会为观众打电话时，我正在尝试创建一些视频。

因此，我有一个视频需要触发一个事件，即 POST 或 GET。

有什么更好的方法来做到这一点？也许一些html5代码，我不知道最好的主意。

Answer 1

如果您使用的是 HTML5 视频，您可以使用该timeupdate事件来跟踪时间并触发一些操作。

<div id="stage">
  <video src="http://example.com/myvideo.webm" controls id=myvideo></video> 
</div>       

<script>
  var timeOfEvent = 30; //time of event in seconds
  (function(){
    var v = document.getElementById('myvideo');

    v.addEventListener('timeupdate',function(event){
     if (v.currentTime >= timeOfEvent) {
         // perform your action here
         // You'll need to ensure your action only fires once.
     }

    },false);
  })();
</script>

注意：不是currentTime整数，timeupdate事件之间的时间可能会有所不同，因此尝试在视频中的确切位置做某事几乎肯定不会奏效。您可以测试整数部分currentTime（即整秒）或范围（例如currentTime > 10 || currentTime <20），但这两种情况可能会出现不止一次。对于简单的屏幕更新，这可能无关紧要，但对于应该只发生一次的任何操作，您需要以某种方式跟踪它以防止它被执行多次。