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>
|
|