并行演示播放器 [英] parallel presentation player

问题描述

我正在寻找一个基于Web的播放器，可以显示左侧的演示文稿和右侧的演讲者。通过点击按钮（或其他动作），用户可以控制演讲者的可见性，但演示文稿始终可见。

这是一个例子： http://www.longtailvideo.com/addons/plugins / 137 / SlideSync-％28Beta％29？q = video％20effects ，但它还没有准备好，并不适合我的需要这么好..

只是想到只有2 jwPlayers与一点点的JavaScript同步他们..有没有人有expirience与此？

提前致谢

$ b猜测还没有准备好解决方案，但是你可以设置一个html5播放器，并通过javascript来监听timeupdate事件。

>

fe

 < video id =videoplayersrc =yourfile。 mp4... /> 
< script> 
 var player = document.getElementById（videoplayer）; 
 player.addEventListener（'timeupdate'，function（）{
 
 var currentTime = player.currentTime; 
 
 //为片断定义几个intervalls 
 if（currentTime> 0&< currentTime< 10）{
 
 // show slice-Image in html Canvas 
} 
 else if ... // different间隔！
 
}）; 
 
< / script> 
  

这只是伪代码给你一个想法如何实现！有很多方法可以使这个更动态（intervalls通过json，xml ....）
希望它有帮助！

I am looking for a Web-based Player which can display i.e. the presentation on the left side and the lecturer on the right side. With a button click (or other action) the user has control about the visibility of the lecturer, but the presentation is always visible.

This is one example: http://www.longtailvideo.com/addons/plugins/137/SlideSync-%28Beta%29?q=video%20effects but its not ready yet and does not fit my needs so well..

I just thought of just 2 jwPlayers side by side with a bit of javascript to synchronize them.. does anyone has expirience with this?

Thanks in advance

解决方案

guess there is no ready to go solution yet, but you could set up an html5-player and listen to the timeupdate event via javascript.

f.e.

<video id="videoplayer" src="yourfile.mp4" .../>
<script>
  var player = document.getElementById("videoplayer");
  player.addEventListener('timeupdate', function(){

      var currentTime =player.currentTime;

      //define several intervalls for slices
      if( currentTime > 0 && currentTime < 10 ){

          //show slice-Image in html Canvas
      }
      else if... //different interval!

  });

</script>

this is only pseudocode to geive you an idea how to implement!! there are many ways how you can make this more dynamic (intervalls via json, xml....) hope it helps!

这篇关于并行演示播放器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！