我是靠谱客的博主 缥缈花卷,最近开发中收集的这篇文章主要介绍直播源码中多格式直播流播放问题解决方案,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

随着直播行业的发展,一大批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提供商直播播流格式多样化”的问题。

最后

以上就是缥缈花卷为你收集整理的直播源码中多格式直播流播放问题解决方案的全部内容,希望文章能够帮你解决直播源码中多格式直播流播放问题解决方案所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部