weixin_41812881的博客

1 安装FFMPEG(将 rtsp 地址转码为 rtmp地址) 配置环境变量: path 添加D:\ffmpeg\bin ffmpeg -i "rtsp://admin:123456@192.168.1.1:554/Streaming/Channels/1?transportmode=unicast" -f flv -r 25 -s 640x360 -an rtmp://localhost:1935/live/room 得到 rtmp://localhost::1935/live/room 2 集成VUE，安装 npm install vue-video-player -S npm install vue-video-player -S 注意不要用CNPM进行安装 <template> &lt;videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"&gt;&lt;/videoPlayer> </template> [removed] import 'video.js/dist/video-js.css' import {videoPlayer} from 'vue-video-player' import 'videojs-flash' export default { components: { videoPlayer, }, data() { return { playerOptions: { height: '300', sources: [{ type: "rtmp/mp4", src: "rtmp://192.168.1.12:1935/live/room", //局域网的摄像头 }], techOrder: ['flash'], language: "zh-CN", live: true, autoplay: true } } } } [removed] 需要注意的地方： 1 vue有关于播放的组件需要用NPM安装，不能用cnpm，可以先用CNPM进行全局安装然后用NPM覆盖 2 安装完了以后播放的时候对goggle浏览器等，请选择允许 运行flash