点击进去上图中红色框的网站,开始下载APlayer播放引擎和解码器:
下载后解压APlayerSDK.zip,推荐解压到D盘根目录下,新建APlayer文件夹:
现在解压解码器codecs.zip,请解压到刚才APlayer下的bin\codecs,完整路径是 D:\APlayer\bin\codecs
进入D:\APlayer,右键点击“install.bat”,选择“以管理员身份运行”(有这项就选,没有请直接双击install.bat运行)
如果有杀毒软件或者安全卫士提示安全警报时,请选择允许。APlayer是一个组件需要注册才能运行。如果对APlayer有安全疑虑,可以先进行杀毒或者查杀木马后再注册安装。安装完成后请刷新网页或者重启浏览器。
注意事项
解压codecs.zip时一定要注意存放位置,可以先解压到一个文件夹内,然后全部复制到D:\APlayer\bin\codecs里面
在js中使用document.getElementById("video")获取视频元素,加监听addEventListener("ended",function
()
{
//要执行的函数内容
})
最近几周都在弄这个
前端项目中,有个视频能播放srt字幕并能循环复读指定区间的功能要求,研究了下,思路如下:
1、web端关于视频 都用框架video.js 还挺方便,直接给video 标签初始化,设置宽、高、自动播放、缩略图等,并能监听播放,拖放....
2、将srt 字幕文件 进行读取,并转为对象数组
srt格式为:
转化为对象数组:
[ {sn: "0", startTime: 0.89, endTime: 7.89, content: "For me traveling isn't about visiting the major areas, taking a photo and crossing it:"},
{sn: "1", startTime: 8.38, endTime: 14.85, content: "It's about understanding and immersing yourself in a different culture"}
]
3、监听timeupdate 函数,将转为的字幕数组根据时间线 随时播放出来,将当前时间 player.currentTime() 和字幕初始时间 和 结束时间进行比较
实现为:
4、复读功能 ,还是监听timeupdate 当播放时间超过后,重新设置播放时间为初始时间,实现反复播放
有需求,请互相讨论 Q 1873893691