[时间:2019-05] [状态:Open] [关键词:字幕,vtt,webvtt, 文件格式,cue,css] 0 引言 WebVTT(Web Video Text Tracks),通过HTML5中的元素来标记额外的文字轨资源.其早期版本是基于SRT格式的,轻量级.基于XML的标准,故又名WebSRT(Web Subtitle Resource Tracks).在2011年改为WebVTT,并在HTML5草案报告中发布.目前WebVTT标准依然是处于草案阶段,但其基本功能已被多数浏览器支持.

1.使用MP4硬字幕,如下, 2.使用HTML5 添加webvtt字幕,可惜到现在还没有测试成功.

最近写了两个比较简单的python程序,原有都是由于看公开课感觉比较费劲,一个是下载的视频无用的名字太长,另一个就是下载的vtt字幕播放器不识别,写了一个vtt转换成str字幕格式的文件 vtt to str比较简单: 大概就是打开一个vtt文件,把开头的webvtt删掉,把所有的"."替换成",",把后缀名改成srt.参考下面两个网页 http://mooc.guokr.com/post/615236/ http://blog.csdn.net/iracer/ar

https://dev.opera.com/articles/zh-cn/an-introduction-to-webvtt-and-track/ 简介 网络视频文本轨道,简称为 WebVTT, 是一种用于标记文本轨道的文件格式.它与 HTML5 <track> 元素相结合,可给音频/视频等媒体资源添加字幕,标题和其他描述信息,并同步显示. 给媒体文件添加文本信息,是为了让媒体面向更多的人群,使其容易访问.如有听觉障碍的人,或者更普遍地说,不熟悉这门语言的观众. 这篇文章将介绍 WebVTT

<video id="mainvideo" src="video.mp4" type="video/mp4"controls autoplay loop> <track src="en_track.vtt" srclang="en" label="English" kind="caption" default> <track src=&q

coursera网站中的VTT字幕的使用 1.https://www.coursera.org/learn/os-virtsecurity/lecture/xuWgP/1-3-cao-zuo-xi-tong-an-quan-de-zhong-yao-xing在coursera网站通过360极速浏览器的插件)下载的视频(有三个分辨率:1280x720(720p).960x540(DVD分辨率).480x270(VCD分辨率) 字幕有TXT和VTT格式的,貌似两种格式都是LINUX/UNIX文本格式

一.video支持视频格式: 以下是三种最常用的格式 1. ogg格式:带有Theora视频编码(免费)+Vorbis音频编码的Ogg文件(免费) 支持的浏览器:firefox.chrome.opera 2. MPEG4格式:带有H.264视频编码(收费)+AAC音频编码的MPEG4文件(收费) 支持的浏览器:safari.chrome 3. Webm格式:带有VP8视频编码(免费)+Vorbis音频编码的WebM格式(免费) 支持的浏览器:IE.firefox.chrome.opera 优势:

现在各种支持HTML5的浏览器都能够播放html5视频了,但是对于字幕的支持却很少,我们期待像DVD那样强大的字幕. 往往我们还不得不通过js来做,着实是一件痛苦的事情. 现在IE10率先对HTML5 Video 字幕给与内置的支持,而且还支持多语言,可任意切换,真是太给力了. 示例代码如下: <video id="mainvideo" controls autoplay loop> <track src="en_track.vtt" srclan

Plyr 是一个简单的 HTML5 媒体播放器,包含自定义的控制选项和 WebVTT 字幕.它是只支持现代浏览器,轻量,方便和可定制的媒体播放器.还有的标题和屏幕阅读器的全面支持. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件 本文链接:P

1.SwitchyOmega 项目简介:SwitchyOmega 是 SwitchySharp 的新版本.这是一个 Chrome 浏览器用来切换不同代理的插件.SwitchyOmega 初次安装时会检查是否存在 SwitchySharp ,如果有的话则会自动升级设置,无须手动配置.如果您使用的是非谷歌应用商店版,或者无法自动升级,则可以手动在SwitchySharp导出设置文件 后,在SwitchyOmega导入,可兼容配置.升级到SwitchyOmega后请禁用SwitchySharp. 官网

很多朋友装了 Linux,看着全新的菜单样式.陌生的程序,一下子脑袋就空了(特别是系统未安装中文语言支持时),不知该干点什么,于是一种强烈的想法涌上心头——还是先回瘟到死玩一会儿游戏再说吧~ 在这,我就给各位“不知该干点什么”的朋友找点事做做,出了几道日常常规应用任务(实际对于绝大多数人来说,能日常应用就足够了),由易而难,若感兴趣可来尝试一下.要求: 1.这列出的只是要实现的目标,如何实现得自己想办法,只说一句:“条条大路通罗马” 2.遇到困难请自行Google或百度并亲自尝试,你想问的问题在

0.官网地址 youtube-dl官网:https://yt-dl.org/项目地址:https://github.com/rg3/youtube-dl 1.文档简略翻译,具体请以官方文档为准 Usage: youtube-dl [OPTIONS] URL [URL...] Options: 通用选项: -h, --help 打印帮助文档 --version 打印版本信息 -U, --update 更新到最新版(需要权限) -i, --ignore-errors 遇到下载错误时跳过 --abor

Android 4.4 (KITKAT) 是新的 Android 平台版本,为用户和应用开发者提供了新功能.本文旨在介绍其中最值得关注的新 API. 作为应用开发者,您应尽快从 SDK 管理器下载 Android 4.4 系统映像和 SDK 平台.如果您没有运行 Android 4.4 的设备来测试您的应用,请使用 Android 4.4 系统映像在 Android 模拟器上测试您的应用.然后,基于 Android 4.4 平台开发应用以开始使用最新的 API. 更新目标 API 级别 要进一步

DEMO地址:https://github.com/Tinywan/PHP_Experience https://github.com/videojs/videojs-contrib-hls 下载JS文件,直接使用 <video id=example-video width= height= class="video-js vjs-default-skin" controls> <source src="https://example.com/index.m

2015年度新增开源软件排名TOP100 本榜单包含2015年开源中国新收录的软件中,根据软件本身的关注度.活跃程度进行排名前100名的软件.从这份榜单中或许可以了解到最新业界的趋势. 1.SwitchyOmega 项目简介:SwitchyOmega是SwitchySharp的新版本.这是一个Chrome浏览器用来切换不同代理的插件.SwitchyOmega初次安装时会检查是否存在SwitchyShar ,如果有的话则会自动升级设置,无须手动配置.如果您使用的是非谷歌应用商店版,或者无法自动升级

本榜单包括 2015 年开源中国新收录的 5977 款开源软件中,依据软件本身的关注度.活跃程度进行排名前 100 名的软件.从这份榜单中也许能够了解到最新业界的趋势. 1.SwitchyOmega 项目简单介绍:SwitchyOmega 是 SwitchySharp 的新版本号. 这是一个 Chrome 浏览器用来切换不同代理的插件.SwitchyOmega 初次安装时会检查是否存在 SwitchySharp ,假设有的话则会自己主动升级设置,无须手动配置.假设您使用的是非谷歌应用商店版,或者

1. WebVTT 2 srt 1. 用记事本打开 .vtt 文件: 2. 在记事本中点击 编辑  -> 替换 -> 查找内容中输入".",替换为中输入",",点击全部替换: (注意:"."与","均为英文状态下输入的) 3. 将文档中的前6个字母即"WEBVTT"删除掉: 4. 关闭文件,将文件扩展名改为 .srt 即可. 2. srt 2 WebVTT 1. Simple SubRip to

微软虚拟学院(MVA)上有一些不错的视频教程,但是,蛋疼的一点那就是视频要不就慢,要不就卡,总之当你的思维跟着视频深入的时候,duang~,卡一下,说不定就要重头开始,所幸的是提供了视频下载,下载速度还不错. 30分钟后,下好了,打开一看,又蛋疼了,没有字幕呀,人家也没提供字幕下载,并且在MVA论坛上,大家都对下载的视频没有字幕提出了意见,可人家不爱理怎么破,好吧,想办法. 字母也是一种资源,那么打开控制台看一下吧,居然还真有 拷贝下来,存为srt格式,直接丢到QQ影音上,字幕加载失败,原来文件

Azure Media Services新的Index V2 支持自动将视频文件中的语音自动识别成字幕文件WebVtt,非常方便的就可以跟Azure Media Player集成,将一个原来没字幕的视频文件自动配上一个对应语言的字幕.而且强大的语音识别功能支持识别多国语言包括: English [EnUs] Spanish [EsEs] Chinese [ZhCn] French [FrFr] German [DeDe] Italian [ItIt] Portuguese [PtBr] Arab

我在下载的udacity中教程时,字幕和视频是分离的,对于英文还无法完全听懂的我来说,字幕还是比较重要.不想看解释的可直接跳到最后复制代码运行即可. 查看了vtt和srt的区别,使用记事本打开vtt和srt,发现主要有两个 首行多了 WEBVTT\n\n 标识符 标点格式区别,vtt内部的"."在srt中为"," 流程图: 基于python写了一个简单的脚本对其进行批量修改 1 引入依赖 os获取文件信息 sys获取命令行输入args re对获取的文件内容进行匹配或