反向HTML5视频剪辑答案

【问题标题】：Html5 video clip in reverse反向HTML5视频剪辑
【发布时间】：2016-07-12 20:32:58
【问题描述】：

我想反向反转特定范围的 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;

视频分段跳转并以不在特定范围内的默认起始值结束

【问题讨论】：

标签： jquery arrays html html5-video

【解决方案1】：

设置负播放率：

video.playbackRate = -1.0;

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

MDN 说：

大多数浏览器停止播放超出播放速率 0.5 和 4 的音频，让视频静默播放。因此，对于大多数应用，建议您将范围限制在 0.5 到 4 之间。

我发现这实际上在 Firefox 和 Chrome 中似乎是这样的。当我尝试设置否定的playbackRate 时，Firefox 甚至会报告错误消息：

[异常...“方法未实现”nsresult：“0x80004001（NS_ERROR_NOT_IMPLEMENTED）”位置：“JS 框架 :: 调试器评估代码 :::: 第 1 行”数据：否]

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

【讨论】：