Android html5 控制video currentTime不许确,精确,解决办法。

 

早在flash时代 咱们控制视频播放指定时间位置的画面也会有不许确的状况，

具体状况表现为：video.seek(time)   而实际画面会跳到此时间附近（1-2秒）的画面

 

而HTML5 咱们经过

var vd=document.getElementById("DOM ID名");

vd.currentTime=10 ;

能够指定视频当即播放对应时间位置的画面 （电脑，IOS端都可）

 

可是andorid端真机上却发现几个问题

Q：设置 vd.currentTime=时间，可是却没有效果；

A：android端设置时间后，必定要video.play(); 才会刷新画面。

 

Q：vd.currentTime=时间；并video.play(); 可是视频竟然不是从我配置的时间位置开始播放的，（具体表现为，画面会跳到此时间附近（1-2秒、甚至更多）的画面）

A：这里要引入一个词语叫【视频关键帧距离】android端会跳转到离你设置currentTime 最近的一个关键帧位置播放。

　　注意：这个【关键帧距离】中的关键帧并非咱们常说的AE等软件里插入的关键帧；

　　

　　 

你还能够访问这里查看更多关于视频中的名词解释：

https://helpx.adobe.com/cn/media-encoder/using/video-audio-encoding-compression.html

 

那么，随之而来的解决思路就是改变视频的关键帧距离。例如：当前视频  fps=25, 关键帧距离是75帧(简单计算就是3秒一个关键帧)，  那么我设置 vd.currentTime=7,    7*25 =175 视频将会从  最近的一个关键帧（150帧）播放。 也就会出现咱们控制播放时间不许确的现象。当咱们改变关键帧距离为25帧 ，那么就能够准确的控制 vd.currentTime=7 的跳转播放画面了。若是你还有更高的精度要求，你能够继续缩小关键帧距离。可是请注意：在其余参数相同的状况下这会增大视频的体积。

 

最后，怎么来设置视频的关键帧距离呢？恩，你猜到了，这家公司又出镜了：Adobe Media Encoder 与 After Effects 和 Premiere Pro 这3款软件均可以设置，我这里使用了Media Encoder。 下面为截图

 

导入视频，点击红框打开配置

 

设置界面。有心情的能够慢慢研究他的功能

 

右侧找到对应的配置，设置好  输出便可

 

到此，android html5 video 设置currentTime 不许确的问题获得解决。

 

若是此文对你有帮助，有力的推荐一下，有财的右侧扫描QR码 支持！   :))  双下巴微笑