反向Html5视频剪辑

Question

我想反转html5视频剪辑的特定范围在反向。对于正常播放，它使用下面的代码。

function playVideoTeaserFrom (startTime, endTime) {
       var videoplayer = document.getElementById("yourVideoplayer");  //get your videoplayer

       videoplayer.currentTime = starttime; //not sure if player seeks to seconds or milliseconds
       videoplayer.play();

       //call function to stop player after given intervall
       var stopVideoAfter = (endTime - startTime) * 1000;  //* 1000, because Timer is in ms
       setTimeout(function(){
           videoplayer.stop();
       }, stopVideoAfter);

   }

如果我们用

video.playbackRate = 1.0; 
video.currentTime += -.1;

段中的视频跳转和非特定范围内的默认起始值

Answer 1

设置一个负playbackRate：

video.playbackRate = -1.0;

正如我刚刚发现的，编辑，这只适用于Safari。

MDN说：

大多数浏览器停止播放playbackRate界限为0.5和4的音频，留下视频静默播放。因此，对于大多数应用程序，建议将范围限制在0.5到4之间。

我发现，在Firefox和Chrome中，这种情况实际上似乎是一样的。火狐甚至在我试图设置负playbackRate时报告错误消息。

例外..。“方法未实现”ns结果："0x80004001 (NS_ERROR_NOT_IMPLEMENTED)“位置："JS框架:：调试器代码:第1行”数据: no

因此，我建议在外部工具中反转视频，并替换视频的来源。为了使它或多或少无缝，应该可以在后台预加载它。