项目的需要，要整一个视频直播，但又不想在其他平台那种直播室盗链展示，那我就直接用播放器来实现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. GNU/Linux与开源文化的那些人和事

     一.计算机的发明 世上本无路,走的人多了,就有了路.世上本无计算机,琢磨的人多了--没有计算机,一切无从谈起. 三个人对计算机的发明功不可没,居功至伟.阿兰·图灵(Alan Mathison Tur ...

  2. Linux之shell编程条件判断-if,while,for,case

    if 语法格式 if condition then statements [elif condition then statements] [else statements ] fi 示例 vi if ...

  3. macOS平台下虚拟摄像头的研发总结

    一.背景介绍 虚拟摄像头,顾名思义,就是利用软件技术虚拟出一个摄像头硬件设备供用户使用.当我们需要对视频图像进行处理再输出时,虚拟摄像头就具备非常大的价值了.关于如何在Windwos上实现一个虚拟设备 ...

  4. linux sed命令就是这么简单

    概述 sed命令是一个面向字符流的非交互式编辑器,也就是说sed不允许用户与它进行交互操作.sed是按行来处理文本内容的.在shell中,使用sed来批量修改文本内容是非常方便的. sed命令的选项 ...

  5. 用Rvm安装Ruby，Rails运行环境及常见错误解决方法

    一.安装Rvm 1.下载安装Rvm $ curl -L https://get.rvm.io | bash -s stable 此时可能出现错误:"gpg: 无法检查签名:找不到公钥&quo ...

  6. jQuery插件制作

    模板:(function($){ $.fn.plugins=function(options){ var defaults = { } var options = $.extend(defaults, ...

  7. 使用 Gradle 编译 Java 项目时报错: Could not find Tools.jar

    在使用Android studio进行编译成jar的时候,遇到Gradle 编译错误,听前辈们说是jdk的版本不对,于是乎就更新了一下jdk, 然而可能是我重新安装jdk的时候改变了安装路径, 在pr ...

  8. python与opencv的结合之人脸识别值

    首先还是要感谢http://www.jb51.net/article/67392.htm这位大神的无私奉献,开源的代码,让我省去了很多事,但是就光系统环境的配置就花去了我将近一个星期的时间,真是不容易 ...

  9. STM32F4XX与STM32F0XX编程差别

    //普通管脚初始化 /*****************************************************************************STM32F0***** ...

  10. git的使用及常用命令（二）

    一,把文件放在版本库中 执行  git add XXX文件名 在执行 git commit -m ‘提交注释' 查看状态 git status 如果没有改变文件,nothing to comment ...