vue-video-player怎么实现直播rtmp的流

Question

问题描述

vue-video-player怎么实现直播rtmp的流

问题出现的环境背景及自己尝试过哪些方法

按照官方的案例进行尝试，并不能实现rtmp流直播。尝试了网上的各种方案，并不奏效

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
main.js

import Vue from 'vue'
import VideoPlayer from 'vue-video-player'

Vue.use(VideoPlayer)

VideoPlayer.vue组件中

<template>
  <div>
    <h1>RTMP Video</h1>
    <video-player :options="playerOptions" :playsinline="true" @statechanged="playerStateChanged($event)"></video-player>
  </div>
</template>

<script>
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://live.hkstv.hk.lxdns.com/live/hks"
        }],
        techOrder: ['flash'],
        autoplay: false,
        controls: true
      }
    }
  }
}
</script>

你期待的结果是什么？实际看到的错误信息又是什么？

期望实现 vue-video-player rtmp的直播