``` $ npm i $ npm run dev $ open http://localhost:3000/ ``` ### 下载相应插件 ``` npm install video.js --save npm install videojs-contrib-hls --save npm install mux.js npm install video.js --save //播放rtmp流需要的插件 npm install videojs-flash --save //flv格式 npm install flv.js --save npm install videojs-flvjs-es6 --save //hls格式 video.js7.0以后版本默认支持hls(m3u8)格式 可以不安装,装了也可以使用 npm install videojs-contrib-hls --save ``` ### 页面引入 ``` import Videojs from 'video.js' import 'video.js/dist/video-js.css' import "videojs-flvjs-es6"; import "videojs-flash"; ``` ### 页面引入 ``` npm install jquery --save-dev ``` ### 热力图 ``` >npm install heatmapjs >npm install cesium-heatmap 主要步骤: 1. 确定热力图画布的宽高 2. 根据热力图显示的经纬度,将点映射到画布对应的位置,并创建热力点 3. 初始化热力图对象h337,并设置热力点数据 4. 创建Cesium对象,并将热力图贴到Cesium对象相应的位置 ```