在VUE3项目中添加使用永久免费H5直播点播播放器SkeyeWebPlayer.js及问题

<script src="static/SkeyeWebPlayer/SkeyeWebPlayer.js"></script>

<template>

  <div class="hello">

    <div class="web-media-player" id="WebMediaPlayer"></div>

  </div>

</template>

<script>

export default {

  name: 'SkeyeWebPlayer',

  props: {

    msg: String

  },

  mounted() {

    this.$nextTick(() => {

      this.initPlayer()

    })

  },

  methods: {

    initPlayer() {

      // new WebMediaPlayer（url,domId,callback,options）

      this.player = new WebMediaPlayer('', `WebMediaPlayer`, this.callbackFunc, {

        cbUserPtr: this,

        decodeType: 'soft'

      });

      this.player.play('http://192.168.0.111:10800/flv/hls/stream_1.flv', true);

    },

    // 播放器回调方法

    callbackFunc(cbType, cbParams) {

      if (cbType === 'playbackTime') {

        //console.log("当前回放时间: " + cbParams);

      } else if (cbType === 'ended') {

        console.log("播放结束");

      }

      console.log("Callback " + cbType + ":  " + cbParams);

    },

  }

}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>

  .hello {

    width: 800px;

    margin: 0 auto;

  }

</style>