vue-video-player rtmp
时间: 2023-09-21 21:12:45 浏览: 196
Vue-video-player可以播放RTMP流媒体,需要使用video.js的插件videojs-flash和videojs-contrib-hls。在Vue项目中安装这两个插件后,可以使用以下代码播放RTMP流媒体:
```
<template>
<div>
<video-player ref="player" :options="playerOptions"></video-player>
</div>
</template>
<script>
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'
import VideoPlayer from 'vue-video-player'
import 'videojs-flash'
import 'videojs-contrib-hls'
export default {
components: {
VideoPlayer
},
data() {
return {
playerOptions: {
autoplay: true,
controls: true,
sources: [{
type: 'rtmp/mp4',
src: 'rtmp://example.com/live/stream'
}]
}
}
}
}
</script>
```
其中,sources中的src需要替换成实际的RTMP流媒体地址。
阅读全文