livePlayer播放视频流

 vue2项目中使用

npm install @liveqing/liveplayer

复制以下几个文件到自己项目：

node_modules/@liveqing/liveplayer/dist/component/liveplayer.swf 到 www 根目录

node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml 到 www 根目录

node_modules/@liveqing/liveplayer/dist/component/liveplayer-lib.min.js 到 www 根目录

引入JS

 

项目中使用： 

<template>
  <div class="">
      <live-player
  :videoUrl=videoUrl  autoplay live stretch
></live-player>
  </div>
</template>

<script>
import LivePlayer from '@liveqing/liveplayer'
export default {
  props: [],
  components: {LivePlayer},
  data() {
   return {
       videoUrl:'http://11.100.41.15:8090/live/03607010001132000000101/hls.m3u8',
       videoParams:{
          videoUrl:'http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8', 
          poster:require("@/assets/video/cover1.png"),
          carouselShow:true
       }
   }
  },
  created() {},
  mounted() {},
  methods: {},
  
}
</script>
<style lang="scss" scoped>
</style>