1
1
<!DOCTYPE html>
2
2
< html lang ="en ">
3
- < head >
4
- < meta charset ="UTF-8 " />
5
- < meta
6
- name ="viewport "
7
- content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 "
8
- />
9
- < title > Document</ title >
10
- < script src ="./ezuikit.js "> </ script >
11
- </ head >
12
3
13
- < body >
14
- < div className ="demo ">
15
- < h2 > 视频模式使用示例:</ h2 >
16
- < div id ="video-container " style ="width: 600px "> </ div >
17
- < div >
18
- < button onClick ="play() "> play</ button >
19
- < button onClick ="stop() "> stop</ button >
20
- < button onClick ="getOSDTime() "> getOSDTime</ button >
21
- < button onClick ="capturePicture() "> 截图</ button >
22
- < button onClick ="openSound() "> 打开声音</ button >
23
- < button onClick ="closeSound() "> 关闭声音</ button >
24
- < button onClick ="startSave() "> 开始录制</ button >
25
- < button onClick ="stopSave() "> 结束录制</ button >
26
- < button onClick ="fullScreen() "> 全屏</ button >
27
- </ div >
4
+ < head >
5
+ < meta charset ="UTF-8 " />
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0 " />
7
+ < title > Document</ title >
8
+ < script src ="../ezuikit.js "> </ script >
9
+ </ head >
10
+
11
+ < body >
12
+ < div className ="demo ">
13
+ < h2 > 视频模式使用示例:</ h2 >
14
+ < div id ="video-container " style ="width: 600px "> </ div >
15
+ < div >
16
+ < button onClick ="play() "> play</ button >
17
+ < button onClick ="stop() "> stop</ button >
18
+ < button onClick ="getOSDTime() "> getOSDTime</ button >
19
+ < button onClick ="capturePicture() "> 截图</ button >
20
+ < button onClick ="openSound() "> 打开声音</ button >
21
+ < button onClick ="closeSound() "> 关闭声音</ button >
22
+ < button onClick ="startSave() "> 开始录制</ button >
23
+ < button onClick ="stopSave() "> 结束录制</ button >
24
+ < button onClick ="fullScreen() "> 全屏</ button >
28
25
</ div >
29
- < script >
30
- var player ;
31
- // fetch("https://open.ys7.com/jssdk/ezopen/demo/token")
32
- // .then((response) => response.json())
33
- // .then((res) => {
34
- // var accessToken = res.data.accessToken;
35
- player = new EZUIKit . EZUIKitPlayer ( {
36
- id : "video-container" , // 视频容器ID
37
- accessToken : "设备的accessToken" ,
38
- url : "设备的播放地址" ,
39
- template : "pcRec" ,
40
- width : 600 ,
41
- height : 400 ,
42
- // 云录制
43
- isCloudRecord : true ,
26
+ </ div >
27
+ < script >
28
+ var player ;
29
+ // fetch("https://open.ys7.com/jssdk/ezopen/demo/token")
30
+ // .then((response) => response.json())
31
+ // .then((res) => {
32
+ // var accessToken = res.data.accessToken;
33
+ player = new EZUIKit . EZUIKitPlayer ( {
34
+ id : "video-container" , // 视频容器ID
35
+ accessToken : "设备的accessToken" ,
36
+ url : "设备的播放地址" ,
37
+ template : "pcRec" ,
38
+ width : 600 ,
39
+ height : 400 ,
40
+ // 云录制必须要传的
41
+ isCloudRecord : true ,
42
+ env : {
43
+ // https://open.ys7.com/help/1772?h=domain
44
+ // domain默认是 https://open.ys7.com, 如果是私有化部署或海外的环境,请配置对应的domain
45
+ // The default domain is https://open.ys7.com If it is a private deployment or overseas (outside of China) environment, please configure the corresponding domain
46
+ domain : "https://open.ys7.com"
47
+ }
48
+ } ) ;
49
+ // });
50
+
51
+ function fullScreen ( ) {
52
+ var playPromise = player . fullScreen ( ) ;
53
+ playPromise . then ( ( data ) => {
54
+ console . log ( "promise 获取 数据" , data ) ;
44
55
} ) ;
45
- // });
56
+ }
46
57
47
- function fullScreen ( ) {
48
- var playPromise = player . fullScreen ( ) ;
49
- playPromise . then ( ( data ) => {
50
- console . log ( "promise 获取 数据" , data ) ;
51
- } ) ;
52
- }
58
+ function play ( ) {
59
+ var playPromise = player . play ( ) ;
60
+ playPromise . then ( ( data ) => {
61
+ console . log ( "promise 获取 数据" , data ) ;
62
+ } ) ;
63
+ }
53
64
54
- function play ( ) {
55
- var playPromise = player . play ( ) ;
56
- playPromise . then ( ( data ) => {
57
- console . log ( "promise 获取 数据" , data ) ;
58
- } ) ;
59
- }
65
+ function stop ( ) {
66
+ var stopPromise = player . stop ( ) ;
67
+ stopPromise . then ( ( data ) => {
68
+ console . log ( "promise 获取 数据" , data ) ;
69
+ } ) ;
70
+ }
60
71
61
- function stop ( ) {
62
- var stopPromise = player . stop ( ) ;
63
- stopPromise . then ( ( data ) => {
64
- console . log ( "promise 获取 数据" , data ) ;
65
- } ) ;
66
- }
72
+ function getOSDTime ( ) {
73
+ var getOSDTimePromise = player . getOSDTime ( ) ;
74
+ getOSDTimePromise . then ( ( data ) => {
75
+ console . log ( "promise 获取 数据" , data ) ;
76
+ } ) ;
77
+ }
67
78
68
- function getOSDTime ( ) {
69
- var getOSDTimePromise = player . getOSDTime ( ) ;
70
- getOSDTimePromise . then ( ( data ) => {
71
- console . log ( "promise 获取 数据" , data ) ;
72
- } ) ;
73
- }
79
+ function capturePicture ( ) {
80
+ var capturePicturePromise = player . capturePicture ( ) ;
81
+ capturePicturePromise . then ( ( data ) => {
82
+ console . log ( "promise 获取 数据" , data ) ;
83
+ } ) ;
84
+ }
85
+ function openSound ( ) {
86
+ var openSoundPromise = player . openSound ( ) ;
87
+ openSoundPromise . then ( ( data ) => {
88
+ console . log ( "promise 获取 数据" , data ) ;
89
+ } ) ;
90
+ }
91
+ function closeSound ( ) {
92
+ var closeSoundPromise = player . closeSound ( ) ;
93
+ closeSoundPromise . then ( ( data ) => {
94
+ console . log ( "promise 获取 数据" , data ) ;
95
+ } ) ;
96
+ }
97
+ function startSave ( ) {
98
+ var startSavePromise = player . startSave ( ) ;
99
+ startSavePromise . then ( ( data ) => {
100
+ console . log ( "promise 获取 数据" , data ) ;
101
+ } ) ;
102
+ }
103
+ function stopSave ( ) {
104
+ var stopSavePromise = player . stopSave ( ) ;
105
+ stopSavePromise . then ( ( data ) => {
106
+ console . log ( "promise 获取 数据" , data ) ;
107
+ } ) ;
108
+ }
109
+ </ script >
110
+ </ body >
74
111
75
- function capturePicture ( ) {
76
- var capturePicturePromise = player . capturePicture ( ) ;
77
- capturePicturePromise . then ( ( data ) => {
78
- console . log ( "promise 获取 数据" , data ) ;
79
- } ) ;
80
- }
81
- function openSound ( ) {
82
- var openSoundPromise = player . openSound ( ) ;
83
- openSoundPromise . then ( ( data ) => {
84
- console . log ( "promise 获取 数据" , data ) ;
85
- } ) ;
86
- }
87
- function closeSound ( ) {
88
- var closeSoundPromise = player . closeSound ( ) ;
89
- closeSoundPromise . then ( ( data ) => {
90
- console . log ( "promise 获取 数据" , data ) ;
91
- } ) ;
92
- }
93
- function startSave ( ) {
94
- var startSavePromise = player . startSave ( ) ;
95
- startSavePromise . then ( ( data ) => {
96
- console . log ( "promise 获取 数据" , data ) ;
97
- } ) ;
98
- }
99
- function stopSave ( ) {
100
- var stopSavePromise = player . stopSave ( ) ;
101
- stopSavePromise . then ( ( data ) => {
102
- console . log ( "promise 获取 数据" , data ) ;
103
- } ) ;
104
- }
105
- </ script >
106
- </ body >
107
- </ html >
112
+ </ html >
0 commit comments