项目的需要，要整一个视频直播，但又不想在其他平台那种直播室盗链展示，那我就直接用播放器来实现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. POPTEST老李谈JVM、JRE、JDK、java ee sdk with jdk区别

    POPTEST老李谈JVM.JRE.JDK.java ee sdk with jdk区别   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等 ...

  2. Zookeeper3.4.9分布式集群安装

    一.依赖文件安装 1.1 JDK 参见博文:http://www.cnblogs.com/liugh/p/6623530.html 二.文件准备 2.1 文件名称 zookeeper-3.4.9.ta ...

  3. poj 1721 CARDS (置换群)

    题意:给你一个数列,第i号位置的数位a[i],现在将数列进行交换,交换规则为a[i]=a[a[i]]:已知交换s次之后的序列,求原先序列 思路:置换的问题必然存在一个循环节,使一个数列交换n次回到原来 ...

  4. jQ层级选择器

    <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title> ...

  5. python 语句：条件、循环、break、continue...

    1. 条件语句 执行条件:判断条件"成立时(非零),则执行后面的语句,而执行内容可以多行,以缩进来区分表示同一范围. [Python程序语言指定任何非0和非空(null)值为true,0 或 ...

  6. JavaScript运算符优先级

    图片引用自:http://www.cnblogs.com/xxcanghai/p/5189353.html

  7. c++中enum的用法——枚举类型

    将变量的可取值全部列举出来,写在程序的开头,使用该类型的时候显示地指定取值即可(即对枚举变量进行赋予元素操作,这里之所以叫赋元素操作不叫赋值操作就是为了说明枚举变量是不能直接赋予算数值的). 如: e ...

  8. MFC使用SQLite 学习系列 一： SQLITE_MISUSE错误

    一 为什么要选择SQLite 由于使用文本文件来记录测试数据,速度越来越慢的问题,经过园友推荐,使用了SQLite来进行数据的存储,再次感谢园友@LightSmaile. 关于这个问题,可以参考一下上 ...

  9. sublime-text-3设置输入中文方法

    sublime-text-3 编辑器性感而敏捷,却让人感慨有其长必有其短. 有些缺点都可以通过插件解决.但是要解决输入中文问题却很复杂,不能输入中文实在是太痛苦了. 我在做一个有很多文字的html页面 ...

  10. 【2017-04-18】Ado.Net C#连接数据库进行增、删、改、查

    一.简介 1.ado.net是一门数据库访问技术. 他可以通过程序来操作数据库 2.类库 Connection 类 和数据库交互,必须连接它.连接帮助指明数据库服务器.数据库名字.用户名.密码,和连接 ...