郑永安
2023-06-19 2befd4a5d3733520b69ed97da88e675b6b086a3c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<template>
  <div class="ezuikit-js">
    <div id="video-container" style="width:600px;height:600px"/>
    <!--    <button @click="change">按钮</button>-->
  </div>
</template>
 
<script>
import EZUIKit from 'ezuikit-js'
var player = null
 
export default {
  name: 'Ezuikit',
  // data:function () {
  //     return {
  //         player: null,
  //     }
  // },
  props: {
    msg: String
  },
  mounted: () => {
    console.group('mounted 组件挂载完毕状态===============》')
    player = new EZUIKit.EZUIKitPlayer({
      autoplay: true,
      id: 'video-container',
      accessToken: 'at.4zv2axtu9pfp1mq61oimrjejcp1dqxpb-6iitkmaq3i-0sk84xl-wtp1abtae',
      url: 'ezopen://JNSZGF@open.ys7.com/D18652433/1.hd.live',
      // url: "ezopen://JNSZGF@open.ys7.com/D18652433/1.hd.live,ezopen://VUIOPL@open.ys7.com/D18652276/1.hd.live",
      template: 'security', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版;
      // 视频上方头部控件
      // header: ["capturePicture", "save", "zoom"], // 如果templete参数不为simple,该字段将被覆盖
      // plugin: ['talk'],                       // 加载插件,talk-对讲
      // 视频下方底部控件
      // footer: ["talk", "broadcast", "hd", "fullScreen"], // 如果template参数不为simple,该字段将被覆盖
      // audio: 1, // 是否默认开启声音 0 - 关闭 1 - 开启
      // openSoundCallBack: data => console.log("开启声音回调", data),
      // closeSoundCallBack: data => console.log("关闭声音回调", data),
      // startSaveCallBack: data => console.log("开始录像回调", data),
      // stopSaveCallBack: data => console.log("录像回调", data),
      // capturePictureCallBack: data => console.log("截图成功回调", data),
      // fullScreenCallBack: data => console.log("全屏回调", data),
      // getOSDTimeCallBack: data => console.log("获取OSDTime回调", data),
      width: 600,
      height: 400
    })
    // console.log("player",player);
    // setTimeout(()=>{
    //   player.stop(); // 方法调用示例,10秒后关闭视频
    // },10000)
  },
  methods: {
    change() {
      player.stop()
      // 切换为直播
      player.play({
        url: 'ezopen://open.ys7.com/244640009/1.live'
      })
 
      // setTimeout(()=>{
      //   player.play({
      //     url:"ezopen://open.ys7.com/244640009/1.live"
      //   })
      // },1000)
    }
 
  }
}
</script>