您当前的位置:首页 > 网站建设 > H5
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

菜鸟的red5之旅  

51自学网 2020-12-30 17:36:51
  H5

菜鸟的red5之旅

 

工作中老大让我研究一下流媒体播放器red5,所以是第一次接触流媒体服务器,下面是小弟经历的过程,不对之处还请大牛们指点。

网上可以查到很多red5的相关的东西但是 很多关键的东西都是打不开(可能需要翻墙),反复查了很多资料,在此做一下小总结

首先下载一个jdk,我下的jdk1.8配合最新的red5(用就用最新的)

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html,

再下载一个red5最新的https://github.com/Red5/red5-server/releases,

下载之后jdk的安装以及环境变量配置百度查找一下即可,

red5下载最新版本解压到任何地方,最新版本中是自带demo的不用再别处下载了,可直接使用,小弟着重使用了

oflaDemo以及live的这两个demo,

启动red5服务,在red5解压的文件家里面有red5.bat点击启动,

启动折后是这样子的

red5自动默认的就是5080端口,不用更改,直接启动使用,浏览器输入http://127.0.0.1:5080/即可看到如下

然后点击红色的demo即可进入red5相对应的demo界面来实现不同的功能,因小弟主要做的是直播和点播所以只用了oflaDemo以及live,

 

首先说一下点播,点击ofla demo下的Classic demo会出现如下界面,里面的library中是你red5ofla demo中的streams中的视频资源,connect即可连接上点击library中的视频即可在下方播放

也可以自己定义一个播放器如JWpalayer

 

file是你要播放的视频的名字(当然要在你的red5对应的demo中)

streamer是你red5服务的地址,我这是服务器上的,本地的ip改为127.0.0.1即可

这样在打开red5服务的时候即可运行观看了,也就实现了点播,是不是很简单,

之后说一下直播,直播也是一样的套路,是用的另外一个demo就是live,首先直播的话是要有直播端,服务端(也就是red5了),以及客户端(也就是观看端)这些在red5中都是 自带的

点击 publisher中的view demo

这就是一个集合了所有的界面了

首先点击右上角的publish配置其中的选项

name就是直播间的名称

device选择integrated webcam 

audio也是一样的配置

然后在server这里面是主要的配置了

name就是房间名字和你在publish中配置的hi一样的才能进行直播观看

地址是rtmp://192.168.187.218:1935/oflaDemo这个然后点击connect显示连接NetConnection.Connect.Success就成功了,这时候返回publish点击

发布即可,然后在view中点击play即可观看到直播的画面了,不过是有延迟的不要急。

可能你觉得用原生的东西不符合你的需求那么这个依然和点播一样是可以自定义的,就是之前的JWplayer只要将其中的file改成发布直播的直播间的

名字即可,亲测有效,

当然这是原生的,也可以用直播的软件obs进行直播,然后在自己定义的播放器或者red5自带的这个demo都可以进行直播的实现

下面简单的说一下

上面是地址下面的是直播间的名字,地址也可以将ofledemo改成live都是可以的,

可点击预览串流看看效果,可以的话就可以开始串流了

这里的相关配置之前有过介绍就不说了,就是地址和房间的名字和obs中设置的是一样的就可以了

然后play就可以看直播了。

第一次写博客写的不好大家见谅。大牛觉得不对的可以指正,不懂得大家互相交流。还有就是jdk和red5是有严格的要求的,版本要匹配。

 


下载地址:
H5网站建设优质源代码下载
Red5服务器搭建(实现在线直播
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1