1.准备

1.下载 nginx
2.下载 livego
3.下载 OBS
4.引用 flv.js
5.引用 video.js

(￣￣)／以上软件请大家自行解压或安装

2.环境配置

首先运行livego

运行livego效果

安装与运行OBS
打开设置配置流服务器

配置连接

连接成功后livego会有提示

提示

载入源

效果

进入nginx下的html目录,新建个index1.html与index2.html
然后运行 nginx (运行前自行修改nginx端口)

之前我写过教程《flv.js简单使用示例》
吧之前的代码稍作修改

代码:

html>
    
    flv.js demo
    
    
        
    
    

    
        <!--加载-->

如果浏览器开始播放视频那说明你已经成功

效果

根据livego教程

教程

那么 video.js 的播放地址应该是 http://127.0.0.1:7002/live/movie/a.m3u8

但是实际测试时失败了罒ω罒

所以就使用 ffmpeg 将RTMP转为HLS 放到nginx的html目录下

ffmpeg命令参考:

ffmpeg -i rtmp://127.0.0.1:1935/live/movie/a -c copy -f hls -hls_time 5.0 -hls_list_size 0 -hls_wrap 15 ../html/a.m3u8

ffmpeg

代码:


    demo

效果

作者：关爱单身狗成长协会
链接：https://www.jianshu.com/p/d9c66d7d1653