手把手教你搭建视频直播网站(图文并茂)

 时间:2018-06-27 22:14:52 贡献者:htccc

导读:电梯直达如何搭建视频直播网站前一段时间由于工作需要在我们的网站上搭建一个视频直播环境, 前一段时间由于工作需要在我们的网站上搭建一个视频直播环境 所以 我尝试了不同种类的

手把手教你搭建视频直播网站(图文并茂)
手把手教你搭建视频直播网站(图文并茂)

电梯直达如何搭建视频直播网站前一段时间由于工作需要在我们的网站上搭建一个视频直播环境, 前一段时间由于工作需要在我们的网站上搭建一个视频直播环境 所以 我尝试了不同种类的视频直播搭建 方式,经过这一段时间的试验我掌握了多种服务器软件的视频直播搭建方式 它们各有优缺点,针对每一 经过这一段时间的试验我掌握了多种服务器软件的视频直播搭建方式。

它们各有优缺点 种服务器软件我都写了文 章,在本篇文章中我介绍到的是八百里 flash p2p 流媒体系统软件 在本篇文章中我介绍到的是八百里 流媒体系统软件。

在本文中我们首先介绍如何安装八百里 flash p2p 流媒体系统(P2PS)系统到我们的服务器上 系统到我们的服务器上,然后接着 演示如果使用这个系统来在我们的网站上生成一个直播页面并且进行视频直播(在文章中我们以 演示如果使用这个系统来在我们的网站上生成一个直播页面并且进行视频直播 在文章中我们以 XXX.com 来代替我们的网站域名),还演示了如果使用软件加摄像头 采集卡的方式进行视频直播,最后演示了与 还演示了如果使用软件加摄像头/采集卡的方式进行视频直播 P2PS 配合的硬件级视频直播解决方案 配合的硬件级视频直播解决方案。

一、下载程序访问 http://www.800li.net ,或者在华军上面下也可以。

并且在首页上找到下载链接 并且在首页上找到下载链接,把 软件下载到桌面上。

二、安装 1、双击下载的 p2ps_setup_trial.exe 进入安装界面。

之后到达注册页面。

2、连续点击“下一步”之后到达注册页面

3、点击“获取试用注册码”,跳转到苏州八百里网络科技公司的注册码申请页面 填写一些基本装料后提 跳转到苏州八百里网络科技公司的注册码申请页面,填写一些基本装料后提 交。

其中,有两个信息非常重要,一个是电子邮箱,这是 收取注册码的用的,这个如果填写不正确 这个如果填写不正确,就收 取不到注册码了。

另一个是序列号 另一个是序列号,这个如果填写不正确,那么收到的注册码也会不正确 那么收到的注册码也会不正确,直接复制安装 程序里序列 号那一栏的那段文字填入即可 号那一栏的那段文字填入即可。

4、在提交申请注册码之后,等待一段时间后会收到包含注册码的邮件 等待一段时间后会收到包含注册码的邮件。

5、将拿到的注册码拷贝至安装界面中的注册码一栏 将拿到的注册码拷贝至安装界面中的注册码一栏,然后继续下一步。

使用的是机器的名称,如果想对公网开放还是得设置成一个域名 6、设置域名,默认 P2PS 使用的是机器的名称 如果想对公网开放还是得设置成一个域名,在这里我们设 置成 xxx.com,然后继续下一步。

来到了配置页面。

在这里可以设置服务器端口、视频目录等信息 视频目录等信息,P2PS 在 7、跳过一系列的下一步之后,来到了配置页面 启动配置时会自动分配一些未被使用的端口做为服务器 使用的端口,一般情况下不需要修改 一般情况下不需要修改。

在这里我们 把视频存放目录(直播时会生成一些视频文件 直播时会生成一些视频文件)的位置更改成 D 盘下面的 P2PS 文件夹,其它参数不做修改 其它参数不做修改。

8、如果服务器上开启了防火墙, ,那么需要把 P2PS 所需要的一些端口给加入到防火墙的允许通过端口列表 中。

对外端口列表”页签,可以看到 P2PS 使用了两个 TCP 端口和 3 个 UDP 端口: 在配置管理器中切换到“对外端口列表从控制面板中打开 windows 防火墙设置 在“例外”页签中的“对外端口”中分别加入 P2PS 的对外端口列 防火墙设置, 中分别加入 表中的 TCP 和 UPD 端口。

设置好防火墙之后,点击配置管理器的 点击配置管理器的“保存配置”,然后点击“关闭窗口”完成配置 完成配置,回到安装程序点 击“完成”来结束 P2PS 的安装。

三、发布直播 1、在开始菜单中可以打开 P2PS 的示例页面。

由于远程主机上面没有摄像头 在开始菜单中可以打开 由于远程主机上面没有摄像头,所以得到这个 页面的地址之后,我们把这个地址拷贝到本地的浏览器中使用 我们把这个地址拷贝到本地的浏览器中使用。

2、在示例页面中,有 3 个链接, ,一个是流管理,一个是发布,还有一个是播放。

其中流管理是用来管理视 其中流管理是用来管理视 频的个数。

我们新建一个名称为 我们新建一个名称为“我要直播”的流,在流名称一栏输入“我要直播”, ,然后点击添加即可 添加一个视频流。

3、 添加视频流之后, 点击发布跳转到发布管理页面, 点击发布跳转到发布管理页面 勾选中刚才添加的流, 然后点击“发布选中流 发布选中流”按钮, 点击之后,会出现发布直播的界面 会出现发布直播的界面,在此时计算机上必 须有能够使用的摄像头(如果没有摄像头 如果没有摄像头,也可以 安装一个新浪 9158 虚拟视频来代替 虚拟视频来代替),当发布界面左上角显示“Connection success” “Connection success”时表示已经连接上 服务器,接下来只需要点击弹出的 接下来只需要点击弹出的“Adobe flash player 设置”窗口上的“允许”按钮即可进行发布 按钮即可进行发布。

4、然后新打开一个浏览器页签,输入地址 http://xxxxxx.com:28100/sample 重新进入此页面,在页面上 选择播放,然后选中刚才新建的流,然后点击“播放选中流”按钮。

在弹出的“Adobe Flash Player 设置”窗口上,勾选住“记住”(防止每次播放时再次询问),然后点击 允许进行观看。

由于 P2PS 采用了 flash+p2p 的直播方式并且为了能充分发挥 p2p 网络的效果、减少服务器端负载,所以 P2PS 控制了播放器的延时,直播画面要比现场画面延后一分钟左右,发布之后大约一分钟才可以播放,但 是这并不影响直播效果。

四、将直播播放器嵌入到其它页面现在我们要把这个示例页面中的播放器移动到正式的网站 xxxxxx.com 直播播放器嵌入到其它页面现在我们要把这个示例页面中的播放器移动到正式的网站 中。

的站点目录中新建一个“liveshow.html”的页面(当然也可以使用已存在的页 当然也可以使用已存在的页 首先,我们在 xxxxxx.com 的站点目录中新建一个 面),然后在示例页面中的播放页 面的播放器下方,点击“复制代码”或者直接复制“ 然后在示例页面中的播放页 “播放器代码”栏中 的代码,把它粘贴到新建的“liveshow.html” “liveshow.html”中。

然后在浏览器中直接访问 http://xxxxxx.com/liveshow.html 就可以看到正在直播的内容了,还可以根据 http://xxxxxx.com/liveshow.html,就可以看到正在直播的内容了 自己需要把这段播放器代码放到博客 放器代码放到博客、论坛等支持 HTML 源码的地方。

五、停止直播在用户想要停止直播时 停止直播在用户想要停止直播时,有三种选择: 一种是直接关闭发布页面,这样下次可以还继续使用这个视频流发布直播视频 在停止发布直播后,观看 这样下次可以还继续使用这个视频流发布直播视频,在停止发布直播后 者通过像后拖动播放条进行回看; 者通过像后拖动播放条进行回看 一种是选择以“转换成点播”方式结束发布 这种方式结束的视频可以点播视频进行播放,并且此视频流 方式结束发布,这种方式结束的视频可以点播视频进行播放 不能够再用来发布直播,观看者在观看页面可以任意拖动视频进行观看 观看者在观看页面可以任意拖动视频进行观看; 还有一种是选择以“转换成伪直播 转换成伪直播”方式结束发布,这种方式结束的视频在观看页面上还是被伪装成为一 这种方式结束的视频在观看页面上还是被伪装成为一 个直播视频,只能像后拖动,但是不能像 但是不能像前拖动。

六、其它方式进行发布对于 P2PS 系统来说,不仅仅像示例页面中的那样用网页+摄像头来发布直播 摄像头来发布直播,还可 以使用其它方式进行直播。

. 一、 使用 Adobe Flash Media Live Encoder + PC 摄像头/支持 DirectShow 的采集卡.

二、 使用硬件直播一体机。

三、 使用支持 RTMP 协议的采集卡 协议的采集卡+采集卡自带软件进行发布。

但是无论使用哪种方式,都需要使用示例发布页面中的 FMS 连接 URL 和 FMS 发布流名进行发布 都需要使用示例发布页面中的 发布流名进行发布,可以先将 发布页面中的 FMS 连接 URL 和 FMS 发布流名称 复制到词事本或者其它地方供后续使用。

(注意:在发布页 ( 面打开的时候,是不能再使用这个 url 进行发布,所以在进行其它方式方式时先关闭发布页面 是不能再使用这个 所以在进行其它方式方式时先关闭发布页面)。

七、使用 Adobe Flash Media Live Encoder 进行发布 1、在 adobe 网方网站 https://www.adobe.com/cfusion/entitlement/index.cfm?e=fmle3 上面下载最新版本的 Flash Media Live Encoder ,我们现在使用的是 3.2 版本,下载后直接安装即可。

我们现在使用的是2、安装完成之后启动程序,首先我们要做的是选 首先我们要做的是选择机器上的视频设备和音频设备,在下图中可以看到 在下图中可以看到,我 们在 video 一栏中选取了我机器上的摄像头 一栏中选取了我机器上的摄像头“FV TouchCam VQ1”,把视频编码调整成 H264 H264,设置好合适 的视频码率、视频宽度和视频高度 视频宽度和视频高度,然后音频设备使用默认的麦克风。

3、最重要地是在输出参数设置面板那里,把从发布页面复制的“FMS 连接 URL”的值复制到 FMS URL 一栏, “FMS 发布流名”值复制到 Stream 一栏,然后直接点击最下面的 Start,这样发布就开始了。

4、不仅仅可以使用摄像头,还可以使用采集卡+DV 的方式进行直播,这里我们采用一张 USB 采集卡(当然 也可以使用其它种类采集卡),这张采集卡的输入端 是模拟信号,采用接口是普通的莲花头,这也意味着 一切与这种接口兼容设备都可以配合这张采集卡来直播,如广播级摄像机、家用 DVD、电视机顶盒。

5、另外我们常用的还有以 HDMI 方式输入视频信号的采集卡,这种采集卡能够配合数字摄像机、蓝光 DVD、 拥有 HDMI 的笔记本、平板电脑和手机等等数码产品。

6、我们使用一个带 AV 模拟信号输出的 DV 来进行直播,把采集卡连接在电脑上并且安装好驱动程序,再把 DV 的 AV 信号线接上,另一端接在采集卡的颜色相同的插口上。

7、重启 Adobe flash media live encoder,这时在 Adobe flash media live encoder 的视频设备和音频 设备列表处就会各多出一个新的设备,分别选取这两个设备,然后参数还是像上面一样设置好 FMS 连接字

符串和 FMS 流名称, 点击最下方的 Start 按钮,DV 的画面就成功地直播出去了。

8、发布成功了,打开播放页面进行效果观看吧 打开播放页面进行效果观看吧。

八、 使用一体机/视频编码服务器进行发布由于普通 PC 机+采集卡的方式不便于在特殊场合下面进行视频直 播的商业实施,所以在这种情况下使用专业的直播一体机或是采集编码服务器来进行视频直播会取得更好 的的效果。

行业中并未对这种具有采集和发布直播的机器有一个标准的名称,根据附加功能的不同厂家使用过这些名 称:直播一体机、导播直播一体机、网络直播一体机、采集编码服务器、视频编码服务器、录播直播一体 机等、嵌入式 flash 编码器等等。

而不管这些硬件的名称是什么,只要它拥有以下几点功能即可无缝接合 P2PS 系统: 1、视频信号采集。

2、视频信号压缩。

3、支持 RTMP 流媒体协议输出。

只要拥有上述三个最基本的功能,那么这个硬件就可以实现直播的需求,至于是否还拥有多路切播、混音、 字幕添加等等其它功能,视用户需求来选择最合适的设备,在这里我们使用某品牌的视频编码服务器来举 例。

某品牌的视频编码服务器的功能特性中指出: l H.264/AVC MainProfile 广播级视频编码器嵌入式平台 l 支持 H.264 Transport 和 Program 流的编码 Entropy coding (支持 CAVLC/CABAC ) l 通过以太网端口进行基于 Web 的远程管理和本地管理 l 支持多种 IP 网络协议及直播模式: UDP,TCP,RTSP,HTTP,RTMP 等。

l 视频输入:S 端子,复合,SDI(可选) 由以上基本特性可以知道,由于此视频编码服务器支持复合信号*的输入、支持 H264 的压缩、支持 RTMP 网络协议的直播,那么这台视频编码服务器就可以用来直接发布视频直播到 P2PS 系统上, 下面是我们的操 作步骤。

1、把此视频编码服务器通过网线接入局域网,在输入端接入 DV、摄像机等信号源设备。

通过其它计算机 登陆视频编码服务器的管理平台,首先设置它的互联网参数,使其能够连入互联网。

2.设置视频和音频的格式,注意请将视频编码设置为 H264、VP6、H263 等 RTMP 支持的格式,而音频编码一 般可选择 Mp3、AAC、Nellymoser、speex 等。

然后根据需要设置帧率,视频宽高、视频比特率等参数。

3、接下来就是要设置视频编码服务器的 RTMP 协议输出地址。

需要注意的是,我们现在使用的这个视频编 码服务器的 RTMP 地址没有分成连接字符串和流名称 两段,所以我们把“FMS 连接字符串”和“FMS 流名 称”中间使用“/”连接在一起填入"RTMP ADDRESS"一栏。

其它品牌的设备的 RTMP 参数设置可见该设备的 使用说明书。

到此,编码器的编码已经设置好。

我们点击“开始编码”系统开始运行。

然后打开对应的直播页面即可观 看到直播效果。

 
 

微信关注公众号,送福利!