解决Chrome无法显示本地的.vtt字幕文件 (如何让本地HTML运行在Server上)

最新推荐文章于 2024-08-09 15:59:29 发布
最新推荐文章于 2024-08-09 15:59:29 发布
阅读量2k 收藏
点赞数
分类专栏： 花 雨 风 文章标签： chrome server 插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/potato_uncle/article/details/119611593
版权
当尝试在Chrome浏览器中通过本地html文件播放带有.vtt字幕的视频时，可能会遇到字幕无法显示的问题。解决方法是将html文件运行在本地服务器上。可以使用Chrome插件来快速搭建本地服务器，启动插件并选择HTML文件所在文件夹，之后视频即能正确显示字幕。
摘要由CSDN通过智能技术生成

解决Chrome无法显示本地的.vtt字幕文件

问题描述

在使用 Chrome 打开本地的html后，播放html中内嵌的视频时，不显示加载的 .vtt 文件字幕

解决方法

需要把 html 文件运行在server 上才能正常显示，可以给Chrome安装一个下图所示的插件
在这里插入图片描述

安装后启动，选择你的HTML文件所在文件夹，然后点击 本地URL 即可使视频出现字幕！
在这里插入图片描述

是土豆大叔啊！
关注
专栏目录
.vtt 字幕无法加载
xiaobenben_的博客
12-13 1万+
Coursera一些网络课程，用播放无法加载.vtt格式的字幕文件。 解决： 用文本文档方式打开.vtt文件， 发现文件中的内容和.srt基本一致，只不过前面多了WEBVTT这6个字母。 所以： 只需要直接删除.vtt文件中的前6个字母WEBVTT，然后保存为.srt格式，播放器就能自动加载了。
Python将某一目录下.vtt字幕文件转化为.srt字幕文件
08-20
使用Python将某一目录下的.vtt文件转换为.srt文件
【脚本】vtt字幕文件批量转换为srt文件
最新发布
jahox的博客
08-09 209
一定要确保你的系统安装了 库。如果没有安装，可以使用以下命令进行安装： 创建一个py文件 例如：convert_vtt_to_srt.py 命令行输入 使用 '' 命令切换到包含 Python 脚本的目录 然后运行这个文件
VTT字幕文件处理（vi + sed + awk）
In-Memory Computing Technology
09-10 1507
收到一个字幕文件，vtt后缀，部分内容如下： 00:00:00.030 --> 00:00:01.670 align:start position:0% in<00:00:00.359><c> this</c><00:00:00.539><c> episode</c><00:00:00.989><c> we're</c><00:00:01.319><c> going&
浏览器对HTML5中track标签中src属性路径vtt文件错误，Unsafe attempt to load URL vtt
qq_57738086的博客
09-16 1415
解决浏览器对vtt文件路径报错，Unsafe attempt to load URL vtt
HTML5视频字幕与WebVTT
05-02
HTML5视频字幕与WebVTT
.vtt字幕文件加入 iis
07-25
6. 在“物理路径”字段中，选择您保存.vtt字幕文件的目录。 7. 确认设置并保存更改。 现在，您应该能够通过访问相应的URL路径来访问.vtt字幕文件。请确保服务器已正确配置并且具有适当的访问权限。希望这对您有所...
go-astisub:在GO中操作字幕（.srt，.ssa.ass，.stl，.ttml，.vtt（webvtt），图文电视等）
04-29
这是一个用于处理字幕的Golang库。 它允许您webvtt操作srt ， stl ， ttml ， ssa/ass ， webvtt和teletext文件。 可用的操作是parsing ， writing ， syncing ， fragmenting ， unfragmenting ， merging和...
python3.x 批量将Coursera字幕格式.vtt转换为.srt格式
07-16
因此，为了方便在其他平台上使用或编辑这些字幕，我们需要将.vtt格式转换为.srt格式。 首先，我们需要理解这两种字幕格式的基本结构。WebVTT（Web Video Text Tracks）是一种基于文本的时间编码格式，常用于HTML5...
用Python从.srt或.vtt等格式的字幕文件中提取纯文字
吕艳朋的博客
05-25 1896
现在，很多视频网站都能方便地把字幕文件下载到电脑上，如果没有时间看视频，只看文字无疑是一种高效的学习方式。但是，如果直接读字幕文件却非常不舒服，因为字幕文件中有大量的时间标记和索引标记，如下图所示，这会影响你的阅读体验。 1 00:00:00,533 --> 00:00:01,266 大家好,我是吕艳朋 2 00:00:01,366 --> 00:00:06,266 今天聊一聊喝酒到底能不能帮助睡眠 3 00:00:06,866 --> 00:00:10,333 有不少人相信喝酒可以助
利用FFmpeg 转换课程vtt 字幕到 srt字幕
jxusthusiwen的专栏
04-18 977
两者的优缺点总结如下支持更多的文本样式和布局选项。提供更高的时间精度。能够包含更多的元数据信息。可以直接在Web页面中嵌入。由于其较新的特性，不是所有的播放器和编辑工具都对VTT格式提供完全支持。得到广泛支持，适用于各种播放器和编辑工具。结构简洁，易于创建和编辑。是一种纯文本格式，易于处理和存储。不支持一些高级的文本样式和布局选项。时间精度较低。包含的元数据信息较少。这就涉及到转换，如何高效自动转换 vtt 格式到 srt 格式。
如何使用格式工厂将vtt文件格式字幕加在视频文件中
热门推荐
qq_41909760的博客
09-28 1万+
如何使用格式工厂将vtt文件格式字幕加在视频文件中 可以直接看 第三步-整合流程 一，字幕格式 现在比较流行的字幕格式，分为图形格式和文本格式两类。 图形格式字幕由 idx 和 sub 文件组成，idx 相当于索引文件，里面包括了字幕出现的时间码和字幕显示的属性，sub 文件就是字幕数据本身，由于是图片格式，所以比较大，动辄 10M 以上(不过我们可以将之压缩为 rar 文件，在 unrar.dl...
视频文件添加字幕
ae_pppppp的博客
11-22 2212
给视频添加字幕。video xxx.vtt文件
php字幕文件怎么打开,字幕文件 WebVTT 与 srt 之间的互相转化
weixin_39811478的博客
03-21 388
SQL SERVER全面优化-------索引有多重要？想了好久索引的重要性应该怎么写?讲原理结构?我估计大部分人不愿意看,也不愿意花那么多时间仔细研究.光写应用?感觉不明白原理一样不会用.举例说明?情况太多也写不全....到底该怎么写呢? 随便写吧,想到 ...js做计算器js文档: function count(){ var a var txt1=document.getElementById...
vtt或srt字幕挂载
思过留痕
01-21 1万+
遇到vtt字幕与视频分离情况，如何在视频上加载字幕呢？ 如若字幕格式是srt就省去了一转化的步骤。vtt格式必须转化为srt格式，如下： 1、用notebook++或其他编辑器打开，并将开头的WEBVTT字样去掉； 2、将其复制，放到一记事本中，名字保证和视频名字一致，文件后缀为srt，切记，一定还有中文的要保证，是unicode的！（记事本另存为时最下方设置unicode） 3、下载一个
字幕文件 WebVTT 与 srt 之间的互相转化
u011446464的专栏
08-18 307
1. WebVTT 2 srt 1. 用记事本打开 .vtt 文件； 2. 在记事本中点击 编辑 —> 替换 —> 查找内容中输入”.”，替换为中输入”,”，点击全部替换； (注意：”.”与”,”均为英文状态下输入的) 3. 将文档中的前6个字母即“WEBVTT”删除掉； 4. 关闭文件，将文件扩展名改为 .srt 即可。 2. srt 2 WebVTT 1. Simpl...
【安卓软件】KMPlayer-一款完美的媒体播放器 可以播放所有格式的字幕和视频
simayijia的博客
03-10 5480
【安卓软件】KMPlayer-一款完美的媒体播放器 可以播放所有格式的字幕和视频
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是土豆大叔啊！

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值