npm - ezuikit-js - Versions diffs - 0.7.0 → 0.7.2 - Mend

ezuikit-js 0.7.0 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/demos/EZUIKitHD/EZUIKitHD.html +171 -0
package/demos/EZUIKitHD/js/jsWebControl-1.0.0.min.js +80 -0
package/demos/base-demo/base.html +116 -116
package/demos/base-demo/ezuikit.js +4405 -258
package/demos/base-demo/ezuikit_static/v65/v1/js/SuperRender_10.js +394 -394
package/demos/base-demo/ezuikit_static/v65/v1/js/playctrl/DecodeWorker.js +617 -617
package/demos/base-demo/ezuikit_static/v65/v1/js/playctrl/JSPlaySDKInterface.js +2052 -2052
package/demos/base-demo/ezuikit_static/v65/v1/js/playctrl/SuperRender_10.js +395 -395
package/demos/base-demo/ezuikit_static/v65/v1/js/transform/SystemTransform.js +22 -22
package/demos/base-demo/ezuikit_static/v65/v1/js/tts-v4.js +346 -346
package/demos/base-demo/ezuikit_static/v65/v1/rec/jquery.min.js +1 -1
package/demos/base-demo/ezuikit_static/v65/v1/talk/tts-v4.js +346 -346
package/demos/base-demo/ezuikit_static/v65/v2/rec/jquery.min.js +1 -1
package/demos/base-demo/ezuikit_static/v65/v2/talk/tts-v4.js +343 -343
package/demos/base-demo/ezuikit_static/v66/v1/css/theme.css +121 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/AudioRenderer.js +225 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/SuperRender_10.js +395 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/SystemTransform.js +22 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/SystemTransform.js.mem +0 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/jsPluginV1-1.0.0.min.js +26 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/AudioRenderer.js +225 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/DecodeWorker.js +618 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/Decoder.js +1 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/JSPlaySDKInterface.js +2052 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/SuperRender_10.js +396 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/playctrl/SuperRender_20.js +1 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/transform/SystemTransform.js +22 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/transform/SystemTransform.js.mem +0 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/transform/systemTransform-worker.min.js +1 -0
package/demos/base-demo/ezuikit_static/v66/v1/js/tts-v4.js +346 -0
package/demos/base-demo/ezuikit_static/v66/v1/rec/datepicker.js +1522 -0
package/demos/base-demo/ezuikit_static/v66/v1/rec/datepicker.min.css +36 -0
package/demos/base-demo/ezuikit_static/v66/v1/rec/datepicker.zh-CN.js +19 -0
package/demos/base-demo/ezuikit_static/v66/v1/rec/jquery.min.js +2 -0
package/demos/base-demo/ezuikit_static/v66/v1/speed/speed.css +144 -0
package/demos/base-demo/ezuikit_static/v66/v1/talk/adapeter.js +5497 -0
package/demos/base-demo/ezuikit_static/v66/v1/talk/janus.js +3507 -0
package/demos/base-demo/ezuikit_static/v66/v1/talk/tts-v4.js +346 -0
package/demos/base-demo/ezuikit_static/v66/v2/css/theme.css +121 -0
package/demos/base-demo/ezuikit_static/v66/v2/js/Decoder.js +9198 -0
package/demos/base-demo/ezuikit_static/v66/v2/js/Decoder.wasm +0 -0
package/demos/base-demo/ezuikit_static/v66/v2/js/jsPluginV2-2.0.1.min.js +4662 -0
package/demos/base-demo/ezuikit_static/v66/v2/rec/datepicker.js +1522 -0
package/demos/base-demo/ezuikit_static/v66/v2/rec/datepicker.min.css +36 -0
package/demos/base-demo/ezuikit_static/v66/v2/rec/datepicker.zh-CN.js +19 -0
package/demos/base-demo/ezuikit_static/v66/v2/rec/jquery.min.js +2 -0
package/demos/base-demo/ezuikit_static/v66/v2/speed/speed.css +144 -0
package/demos/base-demo/ezuikit_static/v66/v2/talk/adapeter.js +5497 -0
package/demos/base-demo/ezuikit_static/v66/v2/talk/janus.js +3507 -0
package/demos/base-demo/ezuikit_static/v66/v2/talk/tts-v4.js +343 -0
package/demos/base-demo/hls.html +23 -23
package/demos/base-demo/index.html +116 -116
package/demos/base-demo/localDecoder.html +117 -117
package/demos/base-demo/mobileLive.html +116 -116
package/demos/base-demo/mobileRec.html +115 -115
package/demos/base-demo/multi.html +128 -128
package/demos/base-demo/pcLive.html +116 -116
package/demos/base-demo/pcRec.html +115 -115
package/demos/base-demo/template.html +123 -123
package/demos/base-demo/themeData.html +231 -231
package/demos/nginx-demo/conf/fastcgi.conf +26 -26
package/demos/nginx-demo/conf/fastcgi_params +25 -25
package/demos/nginx-demo/conf/koi-utf +109 -109
package/demos/nginx-demo/conf/koi-win +103 -103
package/demos/nginx-demo/conf/mime.types +95 -95
package/demos/nginx-demo/conf/nginx.conf +121 -121
package/demos/nginx-demo/conf/scgi_params +17 -17
package/demos/nginx-demo/conf/uwsgi_params +17 -17
package/demos/nginx-demo/conf/win-utf +126 -126
package/demos/nginx-demo/contrib/README +21 -21
package/demos/nginx-demo/contrib/geo2nginx.pl +58 -58
package/demos/nginx-demo/contrib/unicode2nginx/koi-utf +131 -131
package/demos/nginx-demo/contrib/unicode2nginx/unicode-to-nginx.pl +48 -48
package/demos/nginx-demo/contrib/unicode2nginx/win-utf +130 -130
package/demos/nginx-demo/contrib/vim/ftdetect/nginx.vim +4 -4
package/demos/nginx-demo/contrib/vim/ftplugin/nginx.vim +1 -1
package/demos/nginx-demo/contrib/vim/indent/nginx.vim +11 -11
package/demos/nginx-demo/contrib/vim/syntax/nginx.vim +2268 -2268
package/demos/nginx-demo/docs/CHANGES +8115 -8115
package/demos/nginx-demo/docs/CHANGES.ru +8252 -8252
package/demos/nginx-demo/docs/LICENSE +26 -26
package/demos/nginx-demo/docs/OpenSSL.LICENSE +127 -127
package/demos/nginx-demo/docs/PCRE.LICENCE +93 -93
package/demos/nginx-demo/docs/README +3 -3
package/demos/nginx-demo/docs/zlib.LICENSE +20 -20
package/demos/nginx-demo/html/50x.html +21 -21
package/demos/nginx-demo/html/ezuikit5/ezuikit.js +29 -29
package/demos/nginx-demo/html/ezuikit5/index.html +116 -116
package/demos/nginx-demo/html/ezuikit5/server.js +67 -67
package/demos/nginx-demo/html/index.html +16 -16
package/demos/nginx-demo/html/js/adapeter.js +5496 -5496
package/demos/nginx-demo/html/js/janus.js +3507 -3507
package/demos/nginx-demo/html/js/jquery.min.js +1 -1
package/demos/nginx-demo/html/js/sts.js +340 -340
package/demos/nginx-demo/logs/access.log +109 -109
package/demos/nginx-demo/logs/error.log +15 -15
package/demos/nginx-demo/logs/nginx.pid +1 -1
package/demos/react-demo/README.md +68 -68
package/demos/react-demo/package.json +36 -36
package/demos/react-demo/public/index.html +43 -43
package/demos/react-demo/public/manifest.json +25 -25
package/demos/react-demo/public/robots.txt +3 -3
package/demos/react-demo/src/App.css +38 -38
package/demos/react-demo/src/App.js +114 -114
package/demos/react-demo/src/App.test.js +9 -9
package/demos/react-demo/src/index.css +13 -13
package/demos/react-demo/src/index.js +17 -17
package/demos/react-demo/src/logo.svg +7 -7
package/demos/react-demo/src/serviceWorker.js +141 -141
package/demos/react-demo/src/setupTests.js +5 -5
package/demos/vue-demo/README.md +24 -24
package/demos/vue-demo/babel.config.js +5 -5
package/demos/vue-demo/package.json +43 -43
package/demos/vue-demo/public/index.html +17 -17
package/demos/vue-demo/src/App.vue +27 -27
package/demos/vue-demo/src/components/EZUIKitJs.vue +115 -115
package/demos/vue-demo/src/main.js +8 -8
package/ezuikit.js +4342 -217
package/ezuikit_static/v65/v1/js/SuperRender_10.js +394 -394
package/ezuikit_static/v65/v1/js/playctrl/DecodeWorker.js +617 -617
package/ezuikit_static/v65/v1/js/playctrl/JSPlaySDKInterface.js +2052 -2052
package/ezuikit_static/v65/v1/js/playctrl/SuperRender_10.js +395 -395
package/ezuikit_static/v65/v1/js/transform/SystemTransform.js +22 -22
package/ezuikit_static/v65/v1/js/tts-v4.js +346 -346
package/ezuikit_static/v65/v1/rec/jquery.min.js +1 -1
package/ezuikit_static/v65/v1/talk/tts-v4.js +346 -346
package/ezuikit_static/v65/v2/js/jsPluginV2-2.0.1.min.js +74 -11
package/ezuikit_static/v65/v2/rec/jquery.min.js +1 -1
package/ezuikit_static/v65/v2/talk/tts-v4.js +343 -343
package/ezuikit_static/v66/v1/css/theme.css +121 -0
package/ezuikit_static/v66/v1/js/AudioRenderer.js +225 -0
package/ezuikit_static/v66/v1/js/SuperRender_10.js +395 -0
package/ezuikit_static/v66/v1/js/SystemTransform.js +22 -0
package/ezuikit_static/v66/v1/js/SystemTransform.js.mem +0 -0
package/ezuikit_static/v66/v1/js/jsPluginV1-1.0.0.min.js +26 -0
package/ezuikit_static/v66/v1/js/playctrl/AudioRenderer.js +225 -0
package/ezuikit_static/v66/v1/js/playctrl/DecodeWorker.js +618 -0
package/ezuikit_static/v66/v1/js/playctrl/Decoder.js +1 -0
package/ezuikit_static/v66/v1/js/playctrl/JSPlaySDKInterface.js +2052 -0
package/ezuikit_static/v66/v1/js/playctrl/SuperRender_10.js +396 -0
package/ezuikit_static/v66/v1/js/playctrl/SuperRender_20.js +1 -0
package/ezuikit_static/v66/v1/js/transform/SystemTransform.js +22 -0
package/ezuikit_static/v66/v1/js/transform/SystemTransform.js.mem +0 -0
package/ezuikit_static/v66/v1/js/transform/systemTransform-worker.min.js +1 -0
package/ezuikit_static/v66/v1/js/tts-v4.js +346 -0
package/ezuikit_static/v66/v1/rec/datepicker.js +1522 -0
package/ezuikit_static/v66/v1/rec/datepicker.min.css +36 -0
package/ezuikit_static/v66/v1/rec/datepicker.zh-CN.js +19 -0
package/ezuikit_static/v66/v1/rec/jquery.min.js +2 -0
package/ezuikit_static/v66/v1/speed/speed.css +144 -0
package/ezuikit_static/v66/v1/talk/adapeter.js +5497 -0
package/ezuikit_static/v66/v1/talk/janus.js +3507 -0
package/ezuikit_static/v66/v1/talk/tts-v4.js +346 -0
package/ezuikit_static/v66/v2/css/theme.css +121 -0
package/ezuikit_static/v66/v2/js/Decoder.js +9198 -0
package/ezuikit_static/v66/v2/js/Decoder.wasm +0 -0
package/ezuikit_static/v66/v2/js/jsPluginV2-2.0.1.min.js +4662 -0
package/ezuikit_static/v66/v2/rec/datepicker.js +1522 -0
package/ezuikit_static/v66/v2/rec/datepicker.min.css +36 -0
package/ezuikit_static/v66/v2/rec/datepicker.zh-CN.js +19 -0
package/ezuikit_static/v66/v2/rec/jquery.min.js +2 -0
package/ezuikit_static/v66/v2/speed/speed.css +144 -0
package/ezuikit_static/v66/v2/talk/adapeter.js +5497 -0
package/ezuikit_static/v66/v2/talk/janus.js +3507 -0
package/ezuikit_static/v66/v2/talk/tts-v4.js +343 -0
package/package.json +1 -1

package/demos/base-demo/localDecoder.html CHANGED Viewed

@@ -1,118 +1,118 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-  <title>Document</title>
-  <script src="./ezuikit.js"></script>
-</head>
-<body>
-  <div className="demo">
-    <h2>视频模式使用示例：</h2>
-    <div id="video-container" style="width:600px;">
-    </div>
-    <div>
-      <button onClick="play()">play</button>
-      <button onClick="stop()">stop</button>
-      <button onClick="getOSDTime()">getOSDTime</button>
-      <button onClick="getOSDTime2()">getOSDTime2</button>
-      <button onClick="capturePicture()">capturePicture</button>
-      <button onClick="openSound()">openSound</button>
-      <button onClick="closeSound()">closeSound</button>
-      <button onClick="startSave()">startSave</button>
-      <button onClick="stopSave()">stopSave</button>
-      <button onClick="ezopenStartTalk()">开始对讲</button>
-      <button onClick="ezopenStopTalk()">结束对讲</button>
-      <button onClick="fullScreen()">全屏</button>
-    </div>
-    <p style="font-style: italic;">播放多个视频，可初始化多个实例，参考：/demos/base-demo/multi-demo</p>
-  </div>
-  <script>
-    var playr;
-    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
-      .then(response => response.json())
-      .then(res => {
-        var accessToken = res.data.accessToken;
-        playr = new EZUIKit.EZUIKitPlayer({
-          id: 'video-container', // 视频容器ID
-          accessToken: accessToken,
-          url: 'ezopen://open.ys7.com/G39444019/1.live',
-          template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
-          plugin: ['talk'],                       // 加载插件，talk-对讲
-          staticPath: "/ezuikit_static/v64",
-          width: 600,
-          height: 400,
-        });
-      });
-    function fullScreen() {
-      var playPromise = playr.fullScreen();
-      playPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function play() {
-      var playPromise = playr.play();
-      playPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function stop() {
-      var stopPromise = playr.stop();
-      stopPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function getOSDTime() {
-      var getOSDTimePromise = playr.getOSDTime();
-      getOSDTimePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function getOSDTime2() {
-      var getOSDTimePromise = playr2.getOSDTime();
-      getOSDTimePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function capturePicture() {
-      var capturePicturePromise = playr.capturePicture();
-      capturePicturePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function openSound() {
-      var openSoundPromise = playr.openSound();
-      openSoundPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function closeSound() {
-      var closeSoundPromise = playr.closeSound();
-      closeSoundPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function startSave() {
-      var startSavePromise = playr.startSave(`${new Date().getTime()}`);
-      startSavePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function stopSave() {
-      var stopSavePromise = playr.stopSave();
-      stopSavePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function ezopenStartTalk() {
-      playr.startTalk();
-    }
-    function ezopenStopTalk() {
-      playr.stopTalk();
-    }
-  </script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <title>Document</title>
+  <script src="./ezuikit.js"></script>
+</head>
+<body>
+  <div className="demo">
+    <h2>视频模式使用示例：</h2>
+    <div id="video-container" style="width:600px;">
+    </div>
+    <div>
+      <button onClick="play()">play</button>
+      <button onClick="stop()">stop</button>
+      <button onClick="getOSDTime()">getOSDTime</button>
+      <button onClick="getOSDTime2()">getOSDTime2</button>
+      <button onClick="capturePicture()">capturePicture</button>
+      <button onClick="openSound()">openSound</button>
+      <button onClick="closeSound()">closeSound</button>
+      <button onClick="startSave()">startSave</button>
+      <button onClick="stopSave()">stopSave</button>
+      <button onClick="ezopenStartTalk()">开始对讲</button>
+      <button onClick="ezopenStopTalk()">结束对讲</button>
+      <button onClick="fullScreen()">全屏</button>
+    </div>
+    <p style="font-style: italic;">播放多个视频，可初始化多个实例，参考：/demos/base-demo/multi-demo</p>
+  </div>
+  <script>
+    var playr;
+    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
+      .then(response => response.json())
+      .then(res => {
+        var accessToken = res.data.accessToken;
+        playr = new EZUIKit.EZUIKitPlayer({
+          id: 'video-container', // 视频容器ID
+          accessToken: accessToken,
+          url: 'ezopen://open.ys7.com/G39444019/1.live',
+          template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          plugin: ['talk'],                       // 加载插件，talk-对讲
+          staticPath: "/ezuikit_static/v64",
+          width: 600,
+          height: 400,
+        });
+      });
+    function fullScreen() {
+      var playPromise = playr.fullScreen();
+      playPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function play() {
+      var playPromise = playr.play();
+      playPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function stop() {
+      var stopPromise = playr.stop();
+      stopPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function getOSDTime() {
+      var getOSDTimePromise = playr.getOSDTime();
+      getOSDTimePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function getOSDTime2() {
+      var getOSDTimePromise = playr2.getOSDTime();
+      getOSDTimePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function capturePicture() {
+      var capturePicturePromise = playr.capturePicture();
+      capturePicturePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function openSound() {
+      var openSoundPromise = playr.openSound();
+      openSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function closeSound() {
+      var closeSoundPromise = playr.closeSound();
+      closeSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function startSave() {
+      var startSavePromise = playr.startSave(`${new Date().getTime()}`);
+      startSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function stopSave() {
+      var stopSavePromise = playr.stopSave();
+      stopSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function ezopenStartTalk() {
+      playr.startTalk();
+    }
+    function ezopenStopTalk() {
+      playr.stopTalk();
+    }
+  </script>
+</body>
 </html>

package/demos/base-demo/mobileLive.html CHANGED Viewed

@@ -1,117 +1,117 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-  <title>Document</title>
-  <script src="./ezuikit.js"></script>
-</head>
-<body>
-  <div className="demo">
-    <h2>视频模式使用示例：</h2>
-    <div id="video-container">
-    </div>
-    <div>
-      <button onClick="play()">play</button>
-      <button onClick="stop()">stop</button>
-      <button onClick="getOSDTime()">getOSDTime</button>
-      <button onClick="getOSDTime2()">getOSDTime2</button>
-      <button onClick="capturePicture()">capturePicture</button>
-      <button onClick="openSound()">openSound</button>
-      <button onClick="closeSound()">closeSound</button>
-      <button onClick="startSave()">startSave</button>
-      <button onClick="stopSave()">stopSave</button>
-      <button onClick="ezopenStartTalk()">开始对讲</button>
-      <button onClick="ezopenStopTalk()">结束对讲</button>
-      <button onClick="fullScreen()">全屏</button>
-    </div>
-    <p style="font-style: italic;">播放多个视频，可初始化多个实例，参考：/demos/base-demo/multi-demo</p>
-  </div>
-  <script>
-    var playr;
-    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
-      .then(response => response.json())
-      .then(res => {
-        var accessToken = res.data.accessToken;
-        playr = new EZUIKit.EZUIKitPlayer({
-          id: 'video-container', // 视频容器ID
-          accessToken: accessToken,
-          url: 'ezopen://open.ys7.com/G39444019/1.live',
-          template: 'mobileLive', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
-          plugin: ['talk'],                       // 加载插件，talk-对讲
-          width: 375,
-          height: 210,
-        });
-      });
-    function fullScreen() {
-      var playPromise = playr.fullScreen();
-      playPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function play() {
-      var playPromise = playr.play();
-      playPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function stop() {
-      var stopPromise = playr.stop();
-      stopPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function getOSDTime() {
-      var getOSDTimePromise = playr.getOSDTime();
-      getOSDTimePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function getOSDTime2() {
-      var getOSDTimePromise = playr2.getOSDTime();
-      getOSDTimePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function capturePicture() {
-      var capturePicturePromise = playr.capturePicture();
-      capturePicturePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function openSound() {
-      var openSoundPromise = playr.openSound();
-      openSoundPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function closeSound() {
-      var closeSoundPromise = playr.closeSound();
-      closeSoundPromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function startSave() {
-      var startSavePromise = playr.startSave();
-      startSavePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function stopSave() {
-      var stopSavePromise = playr.stopSave();
-      stopSavePromise.then((data) => {
-        console.log("promise 获取 数据", data)
-      })
-    }
-    function ezopenStartTalk() {
-      playr.startTalk();
-    }
-    function ezopenStopTalk() {
-      playr.stopTalk();
-    }
-  </script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+  <title>Document</title>
+  <script src="./ezuikit.js"></script>
+</head>
+<body>
+  <div className="demo">
+    <h2>视频模式使用示例：</h2>
+    <div id="video-container">
+    </div>
+    <div>
+      <button onClick="play()">play</button>
+      <button onClick="stop()">stop</button>
+      <button onClick="getOSDTime()">getOSDTime</button>
+      <button onClick="getOSDTime2()">getOSDTime2</button>
+      <button onClick="capturePicture()">capturePicture</button>
+      <button onClick="openSound()">openSound</button>
+      <button onClick="closeSound()">closeSound</button>
+      <button onClick="startSave()">startSave</button>
+      <button onClick="stopSave()">stopSave</button>
+      <button onClick="ezopenStartTalk()">开始对讲</button>
+      <button onClick="ezopenStopTalk()">结束对讲</button>
+      <button onClick="fullScreen()">全屏</button>
+    </div>
+    <p style="font-style: italic;">播放多个视频，可初始化多个实例，参考：/demos/base-demo/multi-demo</p>
+  </div>
+  <script>
+    var playr;
+    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
+      .then(response => response.json())
+      .then(res => {
+        var accessToken = res.data.accessToken;
+        playr = new EZUIKit.EZUIKitPlayer({
+          id: 'video-container', // 视频容器ID
+          accessToken: accessToken,
+          url: 'ezopen://open.ys7.com/G39444019/1.live',
+          template: 'mobileLive', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          plugin: ['talk'],                       // 加载插件，talk-对讲
+          width: 375,
+          height: 210,
+        });
+      });
+    function fullScreen() {
+      var playPromise = playr.fullScreen();
+      playPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function play() {
+      var playPromise = playr.play();
+      playPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function stop() {
+      var stopPromise = playr.stop();
+      stopPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function getOSDTime() {
+      var getOSDTimePromise = playr.getOSDTime();
+      getOSDTimePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function getOSDTime2() {
+      var getOSDTimePromise = playr2.getOSDTime();
+      getOSDTimePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function capturePicture() {
+      var capturePicturePromise = playr.capturePicture();
+      capturePicturePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function openSound() {
+      var openSoundPromise = playr.openSound();
+      openSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function closeSound() {
+      var closeSoundPromise = playr.closeSound();
+      closeSoundPromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function startSave() {
+      var startSavePromise = playr.startSave();
+      startSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function stopSave() {
+      var stopSavePromise = playr.stopSave();
+      stopSavePromise.then((data) => {
+        console.log("promise 获取 数据", data)
+      })
+    }
+    function ezopenStartTalk() {
+      playr.startTalk();
+    }
+    function ezopenStopTalk() {
+      playr.stopTalk();
+    }
+  </script>
+</body>
 </html>