進入目錄

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.ｊｓ推流呢