项目的需要，要整一个视频直播，但又不想在其他平台那种直播室盗链展示，那我就直接用播放器来实现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. js动弹特效

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 2017.3.12 H5学习的第一周

    本周我开始了H5的学习,在这一周里我们从html的基本标签开始一直讲到了才算css的用法,接下来我将记录下来本周我学到的H5的内容. 首先是声明文档,声明文档类型是HTML5文件,它在HTML文档必不 ...

  3. Ackerman 函数 （双递归函数）

    public static int ackerman(int n,int m){  if(n==1&&m==0){return 2;}  else if(n==0&&m ...

  4. 跟着刚哥梳理java知识点——运算符（五）

    运算符:是一种特殊的符号,用以表示数据的运算.赋值和比较. 1.算数运算符(+.-.*./.%.++.--) a)除: int i = 12; double d1 = i / 5; //2.0 dou ...

  5. DOM Mutation Observer

    源链接:http://www.jianshu.com/p/b5c9e4c7b1e1

  6. mysql数据库开启日志

    旧版 #开启慢查询 slow_query_log # (超过2秒的SQL语法记录起来,设短一点来记录除错也是一种方法.) long_query_time = 2 log-slow-queries=D: ...

  7. CF Manthan, Codefest 16 G. Yash And Trees 线段树+bitset

    题目链接:http://codeforces.com/problemset/problem/633/G 大意是一棵树两种操作,第一种是某一节点子树所有值+v,第二种问子树中节点模m出现了多少种m以内的 ...

  8. CF Educational Codeforces Round 3 E. Minimum spanning tree for each edge 最小生成树变种

    题目链接:http://codeforces.com/problemset/problem/609/E 大致就是有一棵树,对于每一条边,询问包含这条边,最小的一个生成树的权值. 做法就是先求一次最小生 ...

  9. Python的内置函数open()的注意事项

    用法 : open("file_address","open_mode")例子 : f = open("D:\PycharmProjects\log. ...

  10. 这可能是php世界中最好的日志库——monolog

    由于一些历史原因,php中并没有内建的日志接口,故长期以来也没一个功能完备并且应用广泛的日志库.在我的工作生涯中,如果系统需要记录一些应用日志的话,基本上就是封装一个日志类,然后把一些要记录的字段写入 ...