前记
当我们使用obs和red5实现了一个简单的直播Demo之后,我们已经掌握的直播的一个基本的流程:推流-编码-拉流-解码
,但是red5的view页面绝对不是我们所想要的,也不是我们所想呈现给用户看的界面,这时我们就需要去重写一个客户端去承载流的显示!本文将会介绍几种客户端拉流的方式,基于此基础上我们可以做一些扩展。
一、Video.js拉流
video.js是一款基于HTML5的网络视频播放器。它支持HTML5和Flash视频,以及YouTube和Vimeo(通过插件)。支持在桌面和移动设备上播放视频。这个项目从2010年中期开始,现已经在40多万个网站上使用。
video.js仍然需要支持H5的浏览器的配合,这里这里查看目前所有支持的浏览器。
video.js部署简单,只需要如下一个简单的几行html + js
代码就可以部署一个直播客户端,当然,需要浏览器允许video.js使用**flash“`。
<html>
<head>
<title>Video.js直播</title>
<meta charset="utf-8">
<link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"><