- 博客(0)
- 资源 (1)
空空如也
ffmpeg.zip
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>
<videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"></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
2019-08-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人