vue项目使用乐橙云播放 轻应用直播SDK imouplayer.js

乐橙云轻应用组件开发
为什么使用乐橙云
①幼教场景，提供视频实时预览，家长通过移动端app或微信轻应用远程实时观看孩子所在区域件； 实时视频预览支持高、标清切换，快速出流，播放无卡顿；
②食品安全场景, 结合食药监“明厨亮灶”实施方案，餐饮商家可针对操作间、凉菜间等关键部位和餐饮制作等重点环节推出实时视频展示功能，让顾客对餐饮店后厨“可视、可感、可知”；
③ 智能家居场景，主要是大华系的家居硬件如智能摄像机、指纹锁、报警器、AI智能设备等通过移动端app或微信轻应用远程实时观看家中监控视频； 支持高、标清音视频实时预览切换，快速出流，播放无卡顿；
④、新零售商店，实时巡店、定时巡店、图片巡店、录像回放；联动各类智能设备的报警事件，及时推送消息和事件抓图。如红外感应报警、动检报警、一键呼叫报警、遮挡报警、徘徊报警等报警事件；

1. 下载资源
   
2. 引入资源
   方法一：把下载的资源放在与入口文件同级的位置
   
   在index.html中引入

<script src="./imouplayer.js"></script>

使用

<template>
  <div id="app">
    <div class="video">
      <div id="player"></div>
    </div>
  </div>
</template>

<script>
export default {
   
  name: 'App',
  components: {
   
  },
  data () {
   
    return {
   
      myplayer: null,
    }
  },
  mounted() {
   
    this.$nextTick(() => {
   
      this.createVideo()
    })
  },
  methods: {
   
    createVideo () {
   
      /* eslint-disable */
      // 添加DOM容器
      const player = new ImouPlayer('#player');
      // 播放器初始化
      player.setup({