使用Red5+OBS+videojs实现网络直播效果

所用工具:

1、Red5:流媒体服务器,用于多媒体数据的接收与推送

2、OBS:一款专门用于网络直播的软件,在这里用于将直播内容往Red5推流

3、videojs:是一个通用的在网页上嵌入视频播放器的 JS 库,同时支持html+flash

一、安装并测试Red5

《Red5各版本下载》

注意Red5版本和JDK的关系,一开始使用的1.0.9 ReleaseJDK8,出现使用OBS往Red5推流时连接不失败的情况,后来选了Red5 1.0.6 ReleaseJDK7JDK8就成功了。

Red5分为windows版和Linux版,其实没什么区别,我们选的是windows版。

1、安装并配置好JDK8、环境变量
2、下载并解压Red5 1.0.6 Release,修改red5.properties,修改下面几项即可

# HTTP
http.host=172.27.3.87
http.port=5080

# RTMP
rtmp.host=172.27.3.87
rtmp.port=1935

注意:如果区分内网和外网,像服务器之类的环境,需要注意properties配置的IP是内网IP,而后面的推流和拉流使用的是外网IP

3、配置Red5的环境变量

RED5_HOME	-->		Red5解压包的路径,即red5.bat所在路径

%RED5_HOME%;	-->		将其加入Path变量

4、windows使用red5.bat启动,linux则使用red5.sh启动

注意:如果发现命令行闪关,则应该是JDK配置、版本或前面配置的问题

5、测试
访问localhost:5080/demos/publisher.html,能访问到Red5页面则Red5安装成功。

二、使用OBS推流

《OBS下载》

1、下载后配置好摄像头、视频来源等,然后在设置中配置流选项
使用Red5+OBS+videojs实现网络直播效果_第1张图片
2、然后设置Red5的界面设置
使用Red5+OBS+videojs实现网络直播效果_第2张图片

  • Name对应OBS的名称
  • Location对应OBS的URL

到此,推流完成。

提示:测试拉流的话可以使用VLC软件,其支持rtmp协议。

三、videojs

直接上代码,注意使用了Thymeleaf模板引擎,自行修改即可



  	
  	视频直播
  	

  	
  	
  	
 	
 	
	
  	


  	

直播测试

注意:播放flash需要开启浏览器的flash功能,现在部分浏览器是默认禁止的,比如谷歌、火狐,这样会导致视频播放失败,而360是开启的。

你可能感兴趣的:(使用Red5+OBS+videojs实现网络直播效果)