直播源码中多格式直播流播放问题解决方案

随着直播行业的发展，一大批CDN服务提供商涌现出来，为直播源码提供各种各样的推拉流服务。但由于没有明确的规范，所以每家服务商提供的播流格式都不同，每家提供的播放器SDK也只是针对自家的播流格式，对其他播流格式存在不兼容的问题。
如果针对每家CDN，使用各自的播放器SDK，那么在开发过程中SDK整合就会变得很复杂。针对于这种情况，寻找一款能支持多种格式的播放器 就成了WEB直播开发的重点。
目前，我们找到了一款web播放器，能支持主流服务商提供的直播播流格式，那就是Ckplayer，目前主流的直播播流格式有很多，如RTMP、RTSP、FLV、M3U8、MP4，Ckplayer播放器完美的解决了播流格式多样化的问题。
下边来说下Ckplayer的接入：
第一步，去官网下载源码包；
第二步，把源码上传到服务器；
第三步，在需要使用播放器的页面html 中 引入文件

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

在html中要显示播放器的地方添加标签

<div id="a1"></div>

在html文件末尾添加调用代码

<script type="text/javascript">
	var flashvars={
		f:'rtmp://192.144.134.57/live/12364_1535072485',
		};
	var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
	CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
	/*
	CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
	下面三行是调用html5播放器用到的
	*/
	var video=[''];
	var support=['iPad','iPhone','ios','android+false','msie10+false'];
	//CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);
	
  </script>

在调用播放器时，需要给播放器传递一些参数，比如视频地址，是否默认播放等，在ckplayer中，默认传递的这些参数都由一个对象来定义，即var falshvars={}。该对象里包含了各种需要传递的属性，比如f：视频地址，p：默认是否自动播放
f:默认值：无
示例：

f:'http://vf3.mtime.cn/Video/2016/04/14/flv/160414173112113429.flv'

参数说明：该值是配合s使用的，具体值视s值决定。详细说明请参考s值
至此，我们就在直播源码的web部分中实现了“用一个播放器播放多种直播播流地址”的问题，完美解决了直播项目中“不同直播CDN提供商直播播流格式多样化”的问题。