当前位置: 首页 > Web前端 > HTML5

微信H5记录视频播放进度

时间:2023-04-05 17:47:11 HTML5

需求:微信看视频,关闭微信窗口时需要记录当前播放时间,下次进入时从上次保存的进度开始播放。您遇到的问题:离开页面重新进入时,从上传保存的地方监听播放设备。环境:iPhone6s微信处理:在监听出发的开始使用onbeforeunload事件。发现微信端没有调用记录进度的脚本,而是使用了pagehide事件。好像没有调用记录进度的脚本,所以使用折衷的方法。video.ontimeupdate事件用于监控和实时记录进度。重新进入时,需要从上次播放的地方开始播放。初始化视频时设置currentTime进度,但不生效。代码清单:实时记录进度audio.ontimeupdate=function(){if(window.localStorage){varcourseId=$('#courseId').val();如果(!playBackCache){playBackCache={};}playBackCache[courseId]=audio.currentTime;localStorage.setItem('playBackCache',JSON.stringify(playBackCache));}};从上次记录的进度开始播放//_currentTime是从上面缓存中获取的时间进度audio.onloadeddata=function(){if(_currentTime>0){audio.currentTime=_currentTime;}}其实我觉得我的方法并不完美,我想知道你发布了这样的需求是怎么处理的。大家可以讨论PS:经过测试,onloadeddata中不会设置audio.currentTime,再次改造//_currentTime是从上面缓存中获取的时间进度audio.ontimeupdate=function(){if(_currentTime>0){audio.currentTime=_currentTime;}}