区焕恒

摘要： 伴随着科技的不断进步，在人们物质生活得到满足的情况下，更多的人开始追求精神上的需求。例如人们会更希望利用很短的时间就可以通过小短片学处理生活中技巧等等。通过一些微视频将需要传达的内容进行储存，播放来满足人们的生活需求。本文就是基于HTML5的video的微视频播放网站的一些关键问题进行了阐述和说明。

关键词： 微视频;意义;功能

中图分类号： TP393.092    文献标识码： A    文章编号： 1672-9129（2018）09-0067-01

Abstract：  With the continuous advancement of science and technology， more people begin to pursue spiritual needs when people's material life is satisfied. For example， people will want to use a short period of time to learn life skills and so on in a short period of time. Through some micro-videos， the content that needs to be conveyed is stored and played to meet people's living needs. This article is based on HTML5 video of the micro video playback site of some key issues were elaborated and explained.

Keywords： micro video;meaning;function

1 HTML5的意义与特征

1.1 HTML5的意义。HTML5更多的是一系列项目，而非完备的单一标准，至少现在如此。HTML5是多种技术的集合，其中大多数技术都在不断发展。早在Web开发社区认识到HTML4和关联的XHT-ML有很多不足之处时人们便已开始酝酿HTML5，这些不足之处包括从小小的句法不连贯到对多媒体演示的支持不足。HTML5旨在解决广泛的缺陷问题。然而，为了尽快取得最大的进步，HTML5被分成多个小部分进行标准化：首先是较简单、争议较少的部分，如新的输人定义，然后是更复杂的部分，如WebSockets和微视频。同时HTML5把本地的多媒体引人到浏览器。

1.2 HTML5的特征。随着网络的发展，web的内容越来越多的是用音微视频的形式来体现了，考虑一下有些用户无法听到音轨，或者其母语并不是英语的情况，抑或用户希望用他们自己的语言来阅读字幕和内容的时候。在你的标题和子标题附近很快就会出现了，通过HTMIS元素，可以基于时间轴对媒体文件同步字幕。这个强有力的元素是

2 基于HTML5的微视频播放器的创建

在HTML5中使用video标签来提供了微视频播放器的最初的原型，我们可以通过使用js的样式来控制video，利用video.js来创建微视频播放器，，video.js提供插件API，以便将不同类型的微视频传递给本地微视频元素，同时跨浏览器统一本地微视频API而且提供可扩展和可编程的用戶界面，可以确保键盘和屏幕阅读器用户的可访问性。另外还有一组核心插件提供对其他微视频格式的支持。

2.1 检测浏览器是否支持HTML5的video标签。因为虽然主流的浏览器都支持video标签，但是仍存在一些浏览器仍不支持video标签（比如IE）虽说基于HTML5的微视频播放器的创建但是当不能使用video标签时我们还是可以选用flash插件的，首先我们需要让主流的浏览器都支持video标签。

2.2 创建HTML5的微视频播放器。浏览器支持HTML5的vide。标签，就可以使用video.js来装饰标准

2.3获取或设置HTML5微视频播放器中微视频的相关参数。当下web应用程序变得很普通加载一次完成的页面就要能够管理整个微视频播放器的整个生存周期，同时可以改变播放器的音量、让播放器全屏显示，退出出全屏会话、当前的播放的位置、正在播放微视频的总时间以及缓冲的时间百分比。

3 基于HTML5Video的微视频播放器的功能的实现

3.1微视频播放器的外观。我们可以看到不同的微视频网站的播放器的外观都不一样，我们创建的微视频播放器没有任何的修饰，只有有一些简单的样式，这样看起来有时会不舒服，我们为了达到更好的用户体验，当我们加人video-js.min.css这个样式的时候微视频播放器会默认的样式，当我们使用框架的时候可能会影响微视频播放器的效果。

3.2 视频播放器资源文件的编码。由于HTML5的video标签支持的微视频格式很少，总共就支持这三种格式Ogg，MPEG4，WebMo。MP4= MPEG4文件使用H264微视频编解码器和AAC音频编解码器WebM=WebM文件使用VP8微视频编解码器和Vorbis音频编解码器Ogg二Ogg文件使用Theora微视频编解码器和Vorbis音频编解码器。我们需要将上传的微视频统统转换为MPEG4格式。

3.3 通过上传微视频来动态的获取图片。由于我们上传的微视频往往不需要用户自己来截取一张图片来上传，所以我们就需要自己服务器自己获取到上传的微视频的图片我们仍然通过FFPMPEG.exe的插件来获取。

4 总结

综上所述，对于许多游戏开发者经常说，FLASH技术残留下来就是为他们提供声音的，正如许多浏览器可以需要两秒钟来加载HTML5音频文件。随着网络的发展，web的内容越来越多的是用音微视频的形式来体现了，考虑一下有些用户无法听到音轨，或者其母语并不是英语的情况，抑或用户希望用他们自己的语言来阅读字幕和内容的时候。这时候我们的HTML5就可以很好的解决这样的问题，所以说我们选择使用HTML5的vide是一个明确的选择。

参考文献：

[1]岳鹏磊，李连民，李昌清，范伊红. 基于HTM L5的网络地图研究与实现[J]. 无线互联科技，2015，（2）：38-40.doi：10.3969/j.issn.1672-6944.2015.02.016.

[2]侯旭诺，翟天慈. html5技术应用现状与发展趋势分析[J]. 数码世界，2017，（8）.