项目的需要,要整一个视频直播,但又不想在其他平台那种直播室盗链展示,那我就直接用播放器来实现rtmp流媒体服务器推流吧!没废话,走起
1.你要有一个媒体服务器,暂时用【盘古云】,这个还好,算是不错的平台了。注册就能用,貌似免费的一样,哈哈不管那么多先搭建一个,看图:
图解: 【1】菜单,进入创建一个媒体服务
【2】开始创建,这里自己需要填的自己填
【3】创建好之后,点击【更多】【高级设置】就能看到网站需要的rtmp推送地址了,留好了。开始下一步工作。
这里服务器算是有了,那么我们要借助OBS实现推流了!走起~~
OBS下载地址:http://www.obsapp.net/
下载好你就安装吧!
配置推流根据这个地址学习配置,我不赘述:http://jingyan.baidu.com/article/60ccbceb477a0764cab197f2.html
很简单,直接中文自己能搞懂的,相信你~
那么。上面配置完后,我们就借用免费的强大播放器玩玩
去下载酷播:http://www.cuplayer.com/CuPlayer/download.html
下载好之后,代码只需要改该
CuSunV4set.xml配置文件改为:
<CuPlayer>
<Player_Set
JcScpBufferTime = "3"
JcScpVolume = "75"
JcScpCode = "utf8"
JcScpImgDisplay = "no"
JcScpAutoHideControl="yes"
JcScpControlHideTime="0.5"
JcScpControlHeight="40"
JcScpShowList= "yes"
JcScpAutoRepeat = "no"
JcScpsetMode = "1"
JcScpAFrontCanClose = "no"
JcScpShowRightmenu = "yes"
JcScpShareMode = "JcScpVideoPath"
JcScpLoadbarMode = "0"
JcScpLiveMode = "0"
/>
<Logo_Set
JcScpLogoDisplay = "yes"
JcScpLogoPath = "images/logo.png"
JcScpLogoPosition = "top-left"
JcScpLogoWidth = "150"
JcScpLogoHeight = "70"
JcScpLogoAlpha = "0.5"
/>
<Flashvars_Set
JcScpServer ="rtmp://xxxxxxxxxxxxx"
JcScpVideoPath="mp4:test.mp4"
ShowJcScpAFront = "no"
JcScpCountDowns = "0"
JcScpCountDownsPosition = "top-right"
JcScpAutoPlay = "yes"
JcScpVideoPathHD = ""
JcScpImg ="images/startpic.jpg"
JcScpTitle = "你想要的名字"
JcScpStarTime = "0"
JcScpEndTime = "0"
JcScpCuePointInfo = ""
JcScpCuePointTime = ""
JcScpAFrontW = "730"
JcScpAFrontH = "454"
JcScpAFrontPath = ""
JcScpAFrontLink = "/"
ShowJcScpAVideo= "no"
JcScpAVideoServer= ""
JcScpAVideoPath= ""
JcScpAVideoLink= "/"
ShowJcScpAPause = "no"
JcScpAPausePath = ""
JcScpAPauseW = "300"
JcScpAPauseH = "250"
JcScpAPauseLink= "/"
ShowJcScpACorner = "no"
JcScpACornerPath= ""
JcScpACornerW = "90"
JcScpACornerH = "50"
JcScpACornerPosition = "top-right"
JcScpACornerLink = "/"
ShowJcScpAEnd = "no"
JcScpAEndPath = ""
JcScpAEndW = "400"
JcScpAEndH = "300"
JcScpAEndLink= "/"
ShowJcScpAMoveText = "no"
/>
<SkinColor_Set
JcScpBackcolor = "0x000000"
JcScpBackcolortop = "0x353535"
JcScpLightcolor = "0xcfcfcf"
JcScpFontcolor = "0xffffff"
JcScptimebg = "0x393939"
JcScpLoadbar = "0x00a0e9"
JcScpLoaded = "0x4d4b4b"
JcScpLoadbg = "0x222222"
JcScpPlayBtn = "0x2d2d2d"
JcScpBar = "0xffffff"
/>
</CuPlayer>
demo14.html代码修改为:只修改Body
<body>
<div class="close_light_bg" id="close_light_bg"></div>
<script type="text/javascript" src="js/swfobject.js"></script>
<div class="video" id="CuPlayer"> <b> <img src="images/loading.gif" /> 直播加载中,请稍后...</b> </div>
<script type="text/javascript">
var so = new SWFObject("player.swf", "ply", "980", "460", "9", "#000000");
so.addParam("allowfullscreen", "true");
so.addParam("allowscriptaccess", "always");
so.addParam("wmode", "opaque");
so.addParam("quality", "high");
so.addParam("salign", "lt");
// <!-- HTML代码参数/Begin -->
so.addVariable("JcScpFile", "CuSunV4set.xml"); //配置文件
// <!-- HTML代码参数/End -->
so.write("CuPlayer");
</script>
<script language=javascript src="js/jquery-1.4.2.min.js" type=text/javascript></script>
<script language=javascript src="js/action.js" type=text/javascript></script>
<!--极酷阳光播放器/代码结束-->
<div style="display:none;">
<script type="text/javascript" src="http://www.cuplayer.com/CuPlayer/js/stat.js"></script>
</div>
</body>
就这样完成了播放器读取流媒体服务器地址播放的全过程!
有什么不明白的留言或者加qq:769429771
|