小伙伴关心的问题:srt播放器源码(支持srt的播放器),本文通过数据整理汇集了srt播放器源码(支持srt的播放器)相关信息,下面一起看看。

srt播放器源码(支持srt的播放器)

简介

SRT播放器是一个简单的网页视频播放器,它最主要的特色是

独立于视频单独显示的字幕可显示音频波形图

这个工具的使用场景是看视频学习外语。单独显示的字幕可以方便的看到前后文,也方便复制粘贴不懂的单词到词典;练习听力或者跟读时,有波形图的话,可以精确得回放某一段对话。

网站链接:SRT Player

服务器在国外,需要科学上网。加载完后,可以离线使用。

你需要准备:浏览器+视频文件+srt字幕文件

该应用运行于浏览器里,无需安装。浏览器推荐使用谷歌浏览器(Chrome)或者Edge。视频的话也必须是浏览器可以播放的视频格式,一般来说mp4格式的都是可以的。如果是不支持的格式的话,需要用别的软件转一下码。字幕文件要求是srt格式的。

视频演示

SRT字幕播放器使用演示

步骤1:“上传”视频和字幕文件

这个并不是真的上传,只是把视频和字幕导入浏览器。进入主页面后,可以看到有一个大按钮“点击或拖拽文件”。可以点击按钮然后选择要“上传”的视频和字幕文件,也可以拖拽视频和字幕文件到按钮上。

已选择的文件会按左边视频,右边字幕的方式列出来。视频数和字幕数必须是一致的。视频和字幕是按顺序匹配的,第n个视频匹配第n个字幕,所以要确保顺序没有问题。可以通过拖拽来调整顺序。

有一个“复制文件到缓存”的选项,如果勾选上的话,会把视频文件复制到浏览器的缓存,这样以后再次访问这个网站的时候,视频还在,不用重新“上传”。但是这样的话很明显会浪费储存空间。谷歌浏览器和Edge,可以直接读取本地文件,不需要勾选这个选项,播放的时候会要一下读取文件的权限,同意就可以了。

“上传”视频和字幕文件“上传”完成后的视频列表

步骤2:播放视频

已经“上传”的文件会全部列出来。点击其中的某一个即可进入播放页面。可以看到,整个界面分3部分:上面的控制区,左边的视频区,和右边的字幕区。

播放界面

控制区

左边:回退按钮中间:当前播放视频的文件名右边:别是波形图的设置,字幕的设置,和快捷键一览。

字幕设置

左:设置;中:可点击区域;右:听力模式宽度:也可以通过拖拽边界的方式调节字体大小:也可以用快捷键加号或者减号来调节是否跟随视频:也可以用快捷键a来调节延迟时间:也可以通过点击字幕里的时间来调节。马上要开始的话点绿色的开始时间,刚刚结束的话点红色的结束时间听力模式:未播放到的部分会模糊处理

波形图

默认状态是不启用的。想要启用的话,一般点击“启用(从现有视频提取)”就可以了。视频文件如果很大的话,生成波形图会比较耗时,等待的时间里视频也是可以正常播放的。波形图生成之后可以通过点击来调节当前的播放进度。回放的位置由黄线表示,当前的播放进度由红线表示,按R键可以回放。

波形图开启、关闭波形图:注意黄线和红线

好了,主要的功能就是这些了,还是比较简单的吧。做这个工具花了我不少时间,如果能帮助到别人的话,那么这些时间也就花得值了。使用过程中如果遇到了bug欢迎给我反馈,谢谢啦。

更多srt播放器源码(支持srt的播放器)相关信息请关注本站,本文仅仅做为展示!