显示抽搐视频的当前时间

时间:2017-01-14 11:09:46

标签: javascript video time twitch

所以我想在我的网页上显示这个Twitch视频(过去的广播)。现在我想在播放时显示视频的当前时间。有这个功能可以返回这个时间,但我不能让它显示在"实时" (你实际上看到它在运行)。我只能在显示动作后显示当前时间。

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>

<div id="play"></div>
<div id="time"><span>kp</span></div>

<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        video: "v113523217"
    };
    var player = new Twitch.Player("play", options);

    //this just returns 0
    var test = player.getCurrentTime();
    $('#time').append(test); 

    //this works
    $('span').click(function() {
        var test = player.getCurrentTime();
        $('#time').html(test);
    });
</script>

是否可以显示播放器当前时间的运行计时器?我可能还想根据剩余时间做一些事情。

1 个答案:

答案 0 :(得分:1)

我想你想每秒更新一次:

setInterval(function(){
 var test = player.getCurrentTime();
  $('#time').html(test); 
  //if you want to show something after 1 minute (for example):
  if(test>60000&&test<61000){
   alert("one min");
  }
},1000);