video.js实战

进入目录

1.安装eslint 

npm install eslint  -g

2. npm init 

出现package.json 

3. ESLint --init

$ ./node_modules/.bin/eslint --init

4.然后创建一个source 文件夹

1.mkdir source 

2.cd source 

mkdir videojs

mkdir hlsjs

mkdir flvjs

touch videojs/index.html

touch videojs/index.js

5 用编辑器打开打开，在index.js 里检测eslint是否生效 var a=2

6.下载video.js

去github 输入video,.js

在浏览器输入 

//vjs.zencdn.net/7.3.0/video-js.min.css,就可以找到源文件了

下载.css 和js文件到本地

启动video.js

点播

开发直播

点进去

这个插件的作用，是video,js不支持的功能，使用这个插件，就有这个功能；下载到本地

然后就是推流了，用的方法是第二种方法。

进入项目根目录输入推流命令

回车

 

这这个是视频里面的(http://127.0.0.1:7002/live/movie.m3u8)

然后把src=改成推流的地址（[rtmp](rtmp://localhost:1935/live/movie)），用浏览器打开，也可以在其他路蓝旗打开看看是否同步。

这是一些线上的直播源

## HLS 直播流

1. http://live.streamingfast.net/osmflivech4.m3u8
2. http://live.streamingfast.net/osmflivech5.m3u8
3. http://live.streamingfast.net/hls-live/goodtv/_definst_/liveevent/live-ch2-3.m3u8
4. http://live.streamingfast.net/hls-live/goodtv/_definst_/liveevent/live-ch5-2.m3u8

 

以上使用vedio.js推流，如何用hls.ｊｓ推流呢