给HTML5 Video 设置多语言字幕文件

【给HTML5 Video 设置多语言字幕文件】的更多相关文章

给HTML5 Video 设置多语言字幕文件

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

HTML5 video视频字幕的使用和制作

一.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 <video> - 使用 DOM 进行控制

HTML5 <video> 元素同样拥有方法.属性和事件. 其中的方法用于播放.暂停以及加载等.其中的属性(比如时长.音量等)可以被读取或设置.其中的 DOM 事件能够通知您,比方说,<video> 元素开始播放.已暂停,已停止,等等. 下例中简单的方法,向我们演示了如何使用 <video> 元素,读取并设置属性,以及如何调用方法. 实例为视频创建简单的播放/暂停以及调整尺寸控件: <!DOCTYPE html> <html> <body…

JWPlayer中字幕文件的配置

最近应项目要求研究JWPlayer,视研究进度可能会将解决的问题或者一些配置方法写在这里. jwplayer支持vtt和srt格式的字幕文件,在视频中可以选择加载多个字幕文件(常用于多语言字幕),并且在视频播放过程中可以切换. 如图,可以在视频播放过程中选择字幕配置的相关代码如下,具体的配置属性可见http://www.longtailvideo.com/support/jw-player/28845/adding-video-captions: <div id="container&q…

HTML5 Video(视频)

HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准. 检测您的浏览器是否支持 HTML5 视频: 检测 Web站点上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准. 今天,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 video 元素来包含视频的标准方法. 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari…

Html5 Video 实现方案

来源:http://ask.dcloud.net.cn/article/569 源码下载前言: 最近项目中需要用到html5 视频播放功能,于是稍微研究了解了下,遇到了很多坑,特此记录下. 一. Html5 Video参考来源:http://www.xuanfengge.com/html5-video-play.html(这篇博文确实帮助很大) 1.1. 目的将Html5 Video功能应用到实际项目中,针对不同的平台和环境,进行个性化处理.基本只考虑webkit浏览器兼容问题 1.2. Ht…

(原)使用ass字幕文件通过ffmpeg给视频添加字幕的一些研究

使用ass字幕文件通过ffmpeg给视频添加字幕的一些研究 Author:lihaiping1603@aliyun.com Create:2019-09-04 最近对ffmpeg给视频文件添加字幕效果,进行了一些调试和研究,个人做个笔记,方便以后查找和使用. 将字幕加入到视频文件中,有两种方式: 1)第一种是将字幕以除了音视频之外的字幕流的形式添加到视频文件格式中,然后播放器在播放这个视频文件的时候,就可以显示相应的字幕效果了,该方式对于已经存在的视频文件,可以不用对音视频进行转码,速度和效率较…