视频制作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)，但这两种情况可能会多次出现。对于简单的屏幕更新，这可能无关紧要，但对于任何应该只发生一次的操作，您需要以某种方式跟踪它，以防止它被多次执行。