使用到三个后台插件,一个前端插件
VLC :用于测试视频流地址是否可用,使用方法:
- 官网下载对应版本安装
- 打开应用,选择《媒体》-> 《打开网络串流》->《网络》->输入你的流地址->点击播放 (可能会有延时,但不会太长1分钟以内)
nginx-rtmp:用于配置rmtp流输出地址,下载地址:https://github.com/illuspas/nginx-rtmp-win32; 使用方法:
- 直接下载后解压
- 运行 nginx.exe,此时会闪出一个控制台(这个并不是闪退),网页打开localhost:8080,能正常访问表示启动成功。
- 关于端口可以在. conf->niginx.conf中自行配置
FFmpeg:用于将rstp流转换成rsmp流,因为rstp很多浏览器不支持无法直接使用。使用方法:
- 官网下载安装
- 配置环境变量, E:\ffmpeg\bin加入到path,完成后再控制台输入ffmpeg -version看到正常输出表示成功。
- 测试流转换,语法:
ffmpeg [全局选项] {[输入文件选项] -i 输入文件} … {[输出文件选项] 输出文件}
示例: ffmpeg -i “rtsp://username:password@ip:port/Streaming/Channels/101?transportmode=unicast” -vcodec copy -acodec copy -f flv “rtmp://localhost:1935/live/”
video.js: 用于网页播放rtmp流,示例代码:(可以直接使用,但是需要放在服务器启动不能直接打开,你只需要修改对应的rmtp地址即可):
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>测试rtmp直播源</title>
<script src="http://vjs.zencdn.net/5.5.3/video.js"></script>
<link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>
</head>
<body>
<div class="openFlashTips" style="width:300px