ckplayer播放基于RTMP的流媒体

最新推荐文章于 2021-05-31 17:19:06 发布

最新推荐文章于 2021-05-31 17:19:06 发布 · 1.8k 阅读

文章标签：

#javascript #前端 #ViewUI

流媒体专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用CKPlayer播放器实现流媒体源的播放。通过设置特定的参数，可以将rtmp等流媒体源加载到网页中进行播放。文中提供了具体的实现代码示例。

需求：

需要播放流媒体源，前端有多个流媒体播放器，目前基于ckplayer实现，支持下

实现：

<div id="div_id"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
	var flashvars={
	f:'rtmp://localhost/vod/hd1.f4v',//视频地址
	s:'0'
	};
	var params={bgcolor:'#000000',allowFullScreen:true,allowScriptAccess:'always'};
	var attributes={id:'ckplayer_a1',name:'ckplayer_a1'};
	swfobject.embedSWF('ckplayer/ckplayer.swf', 'div_id', '600', '400', '10.0.0','ckplayer/expressInstall.swf', flashvars, params, attributes); 
</script>

其中的f参数为流媒体源如： rtmp://localhost/vod/hd1.f4v

引用的文件参见附件：