项目的需要，要整一个视频直播，但又不想在其他平台那种直播室盗链展示，那我就直接用播放器来实现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实现直播】的更多相关文章

  1. Android视频直播解决方案（rstp、udp）

    做局域网视频直播有两种方案,通过rstp或udp协议. 1.rstp协议,网络上有个开源项目,基于Android,且这个项目也是一个服务端,里面也集成了http访问页面,可以通过http或者rstp直 ...

  2. 如何使用 Microsoft Azure Media Services 现场直播，(Live Streaming) 直播流媒体系统

    不久之前,微软公司宣布了 Microsoft Azure Media Services 实时直播服务 ( Live ) 开始进入技术预览阶段,公开接受用户测试. 而这些实时直播服务其实早已被 NBC ...

  3. EasyDSS+EasyNVR实现幼儿园直播/工地直播等分权限观看直播视频的功能

    在EasyNVR互联网直播服务器使用说明书中有关于EasyNVR分组的介绍: "EasyNVR的功能定位就是为视频应用层输出视频设备接入/标准视频输出的能力平台层,只做基础的视频通道接入.视 ...

  4. 「自己开发直播」rtmp-nginx-module实现直播状态、观看人数控制

    这是自己搭建直播服务器.开发直播平台系列的文章,前面两篇文章分别为: 通过Nginx-rtmp-module搭建直播服务器并实现直播 实现nginx-rtmp-module多频道输入输出与权限控制 这 ...

  5. EasyDSS直播服务器如何帮助用户解决OBS不能同时同步输出多路直播流到直播平台、CDN平台的限制

    最近有用户突然寻求帮助,大概的意思就是说: 他需要同步将桌面的直播同时RTMP发布到:斗鱼.熊猫TV等等多个平台,但是OBS又只能同时采集并发布推流直播到单一个平台,而且有时候在4G或者网络比较差的情 ...

  6. 网页视频直播、微信视频直播技术解决方案：EasyNVR与EasyDSS流媒体服务器组合之区分不同场景下的直播接入需求

    背景分析 熟悉EasyNVR产品的朋友们都知道,EasyNVR不仅可以独成体系,而且还可以跟其他系列产品相配合,形成各种不同类型的解决方案,满足各种不同应用场景的实际需求.针对很多设备现场没有固定公网 ...

  7. EasyNVR无插件H5/HLS/m3u8直播解决方案中Windows系统服务启动错误问题的修复：EasyNVR_Service 服务因 函数不正确。 服务特定错误而停止。

    最近在做某地市移动公司景观直播的项目时,遇到一个问题,当我们部署EasyNVR为系统服务后,居然出现了无法启动服务的现象,表面上看,提示是系统服务启动失败,实际通过查看windows 系统日志: 查找 ...

  8. obs nginx-rtmp-module搭建流媒体服务器实现直播 ding

    接下来我就简单跟大家介绍一下利用nginx来搭建流媒体服务器. 我选择的是腾讯云服务器 1.下载nginx-rtmp-module: nginx-rtmp-module的官方github地址:http ...

  9. EasyNVR H5无插件摄像机直播解决方案前端解析之：如何在播放界面添加实时云台控制界面

    如何在播放器上加一个云台控制界面 问题: 对于实时直播的视频播放, 由于播放页面客观样式要求(一个播放器占据了整个页面),因此很难找出很合理的空间来放置其他功能按钮的位置(比如配合实时是平的云台控制界 ...

随机推荐

  1. 【Egret】2D 使用中的一些疑难解决技巧！

    1.问题:声音在ios上无法播放    解决方法:①首先需要预加载一个声音                        ②然后目前只有点击之后才能播放声音,不能默认播放 2.问题:滚动条问题   解 ...

  2. Android 微信第三方登录

    步骤一 微信开发者平台 我开始的解决思路是,去微信开发者平台看API文档. 这个API文档的主要意思呢,有三点: 1.你得下载这几样东西(下载链接),一个是他的范例代码,一个是他的签名生成工具. 2. ...

  3. 达到工业使用质量级别的类似于QQ截屏的软件

    到网上查找截屏发现基本都是一些小孩子的初级玩意,功能强大一点的又没有源代码所以自己花了三四天时间写了一个能达到工业使用质量级别的截图控件. 优点:1.代码量小只有1500行代码 2.结构清晰简单极易于 ...

  4. salesforce 零基础学习（六十九）当新增/修改一条记录以后发生了什么（适合初学者）

    salesforce开发中,我们会对object进行很多的操作,比如对object设置字段的必填性唯一性等,设置validation rule实现一下相关的字段的逻辑校验,设置workflow实现某个 ...

  5. WebGL 高级技术

    1.如何实现雾化 实现雾化的方式由多种,这里使用最简单的一种:线性雾化(linear fog).在线性雾化中,某一点的雾化程度取决于它与视点之间的距离,距离越远雾化程度越高.线性雾化有起点和终点,起点 ...

  6. NestedScrollView嵌套RecycleView 滑动 实现上滑隐藏 下滑显示头部效果

    废了好大的劲才弄好的,记下来 方便以后查看 public class MainActivity extends AppCompatActivity { private RecyclerView mRe ...

  7. leetcode中Database题(一)

    Combine Two Tables Table: Person +-------------+---------+ | Column Name | Type | +-------------+--- ...

  8. PHPCMS笔记第二弹

    熟练地使用PHPCMS可以插入模板,将静态站转变为动态站也更加方便,多加练习还是有好处的 将index.html的头和尾拆分出来,分别放在header.html和footer.html文件夹中,这三个 ...

  9. js中计算两个日期之差

    js中计算两个日期之差            var aBgnDate, aEndDate;            var oBgnDate, oEndDate;            var nYl ...

  10. iptables常用命令之配置生产环境iptables及优化

    第一步:清空当前的所有规则和计数 iptables -F #清空所有的防火墙规则 iptables -X #删除用户自定义的空链 iptables -Z #清空计数 第二步:配置允许ssh端口连接 i ...