使用flv.js与video.js实现播放视频直播(简教程)

推荐教程:《使用flv.js做直播》

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端口)

2.使用flv.js实现直播播放

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

代码:

    
    
    


    

        
    
    

    

        
        开始
        暂停
        停止
        
        跳转
    
    
    

访问http://127.0.0.1/index1.html

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

效果

3.使用video.js实现直播播放(HLS)

根据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

顺便说下 好像 dplayer播放器 也是可以的

代码:

效果