OBS实现直播解决方案【html实现直播】
项目的需要,要整一个视频直播,但又不想在其他平台那种直播室盗链展示,那我就直接用播放器来实现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="data: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
OBS实现直播解决方案【html实现直播】的更多相关文章
- Android视频直播解决方案(rstp、udp)
做局域网视频直播有两种方案,通过rstp或udp协议. 1.rstp协议,网络上有个开源项目,基于Android,且这个项目也是一个服务端,里面也集成了http访问页面,可以通过http或者rstp直 ...
- 如何使用 Microsoft Azure Media Services 现场直播,(Live Streaming) 直播流媒体系统
不久之前,微软公司宣布了 Microsoft Azure Media Services 实时直播服务 ( Live ) 开始进入技术预览阶段,公开接受用户测试. 而这些实时直播服务其实早已被 NBC ...
- EasyDSS+EasyNVR实现幼儿园直播/工地直播等分权限观看直播视频的功能
在EasyNVR互联网直播服务器使用说明书中有关于EasyNVR分组的介绍: "EasyNVR的功能定位就是为视频应用层输出视频设备接入/标准视频输出的能力平台层,只做基础的视频通道接入.视 ...
- 「自己开发直播」rtmp-nginx-module实现直播状态、观看人数控制
这是自己搭建直播服务器.开发直播平台系列的文章,前面两篇文章分别为: 通过Nginx-rtmp-module搭建直播服务器并实现直播 实现nginx-rtmp-module多频道输入输出与权限控制 这 ...
- EasyDSS直播服务器如何帮助用户解决OBS不能同时同步输出多路直播流到直播平台、CDN平台的限制
最近有用户突然寻求帮助,大概的意思就是说: 他需要同步将桌面的直播同时RTMP发布到:斗鱼.熊猫TV等等多个平台,但是OBS又只能同时采集并发布推流直播到单一个平台,而且有时候在4G或者网络比较差的情 ...
- 网页视频直播、微信视频直播技术解决方案:EasyNVR与EasyDSS流媒体服务器组合之区分不同场景下的直播接入需求
背景分析 熟悉EasyNVR产品的朋友们都知道,EasyNVR不仅可以独成体系,而且还可以跟其他系列产品相配合,形成各种不同类型的解决方案,满足各种不同应用场景的实际需求.针对很多设备现场没有固定公网 ...
- EasyNVR无插件H5/HLS/m3u8直播解决方案中Windows系统服务启动错误问题的修复:EasyNVR_Service 服务因 函数不正确。 服务特定错误而停止。
最近在做某地市移动公司景观直播的项目时,遇到一个问题,当我们部署EasyNVR为系统服务后,居然出现了无法启动服务的现象,表面上看,提示是系统服务启动失败,实际通过查看windows 系统日志: 查找 ...
- obs nginx-rtmp-module搭建流媒体服务器实现直播 ding
接下来我就简单跟大家介绍一下利用nginx来搭建流媒体服务器. 我选择的是腾讯云服务器 1.下载nginx-rtmp-module: nginx-rtmp-module的官方github地址:http ...
- EasyNVR H5无插件摄像机直播解决方案前端解析之:如何在播放界面添加实时云台控制界面
如何在播放器上加一个云台控制界面 问题: 对于实时直播的视频播放, 由于播放页面客观样式要求(一个播放器占据了整个页面),因此很难找出很合理的空间来放置其他功能按钮的位置(比如配合实时是平的云台控制界 ...
随机推荐
- Python之路-Linux命令基础(2)
作业一: 1) 新建用户natasha,uid为1000,gid为555,备注信息为"master" 2) 修改natasha用户的家目录为/Natasha 3) ...
- PPT自动载入图片并矩阵分布
最近有学生问到,能不能快速的向PPT一个页面里插入成百张图片,并让它们按统一大小的矩形排布到页面上.我写了以下代码可以在第1页中按照指定横向和纵向矩形数目,填充指定路径下的图片. Sub LoadPi ...
- 老李谈HTTP1.1的长连接 2
HTTP1.1的长连接 但是HTTP1.1开始默认建立的是长连接,即一旦浏览器发起HTTP请求,建立的连接不会请求应答之后立刻断掉. 1. 一个复杂的具备很多HTTP资源的网页会建立多少TCP连接,如 ...
- 1.Java集合总结系列:Java集合概述
一.概述 集合是 Java 中非常重要的 API,在实际应用中非常广泛,在许多面试中也是必考的知识点. Java 所有集合类都位于 java.util 包下,Java 的集合只能保存对象,而无法保存保 ...
- JAVA加密算法系列-DESCoder
package ***; import java.security.Key; import java.security.SecureRandom; import javax.crypto.Cipher ...
- JAVA加密算法系列-MD5
package **; import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; publi ...
- python 日期 & 时间
1. Python 提供了一个 time 和 calendar 模块可以用于格式化日期和时间. 2. 时间间隔是以秒为单位的浮点小数. 3. 每个时间戳都以自从1970年1月1日午夜(历元)经过了多长 ...
- (iOS)谈谈关于使用category的静态库(原创)
最近在一个项目中使用了一个包含catecategory 的静态库,但是此项目在运行过程中,该静态库调用 category 增加的方法处,却报 selector not recognized 异常,会直 ...
- SpringMVC基础学习(一)—初识SpringMVC
一.HelloWorld 1.导入SpringMVC所需的jar包 2.配置web.xml 配置DispatcherServlet.DispatcherServlet默认加载/ ...
- Java 中的 String 类常用方法
字符串广泛应用在Java编程中,在Java中字符串属于对象,String 类提供了许多用来处理字符串的方法,例如,获取字符串长度.对字符串进行截取.将字符串转换为大写或小写.字符串分割等. Strin ...