npm - ezuikit-js - Versions diffs - 0.6.1-beta.4 → 0.6.2 - Mend

ezuikit-js 0.6.1-beta.4 → 0.6.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 (159) hide show

package/CHANGELOG.md +21 -0
package/README.md +45 -5
package/demos/base-demo/base.html +117 -0
package/demos/base-demo/ezuikit.js +8567 -6436
package/demos/base-demo/ezuikit_static/v6/v1/css/theme.css +121 -0
package/demos/base-demo/ezuikit_static/v6/v1/js/jsPluginV1-1.0.0.min.js +2 -2
package/demos/base-demo/ezuikit_static/v6/v1/js/playctrl/AudioRenderer.js +5 -5
package/demos/base-demo/ezuikit_static/v6/v1/js/playctrl/DecodeWorker.js +130 -223
package/demos/base-demo/ezuikit_static/v6/v1/js/playctrl/Decoder.js +1 -1
package/demos/base-demo/ezuikit_static/v6/v1/js/playctrl/JSPlaySDKInterface.js +201 -667
package/demos/base-demo/ezuikit_static/v6/v1/js/playctrl/SuperRender_10.js +9 -8
package/demos/base-demo/ezuikit_static/v6/v1/speed/speed.css +144 -0
package/demos/base-demo/ezuikit_static/v6/v2/css/theme.css +121 -0
package/demos/base-demo/ezuikit_static/v6/v2/js/jsPluginV2-2.0.1.min.js +147 -65
package/demos/base-demo/ezuikit_static/v6/v2/speed/speed.css +144 -0
package/demos/base-demo/hls.html +24 -0
package/demos/base-demo/index.html +11 -16
package/demos/base-demo/localDecoder.html +118 -0
package/demos/base-demo/mobileLive.html +117 -0
package/demos/base-demo/mobileRec.html +116 -0
package/demos/base-demo/multi.html +129 -0
package/demos/base-demo/pcLive.html +117 -0
package/demos/base-demo/pcRec.html +116 -0
package/demos/base-demo/template.html +124 -0
package/demos/base-demo/themeData.html +232 -0
package/demos/nginx-demo/contrib/README +21 -21
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 +8893 -6480
package/demos/nginx-demo/html/ezuikit5/index.html +10 -3
package/demos/nginx-demo/html/index.html +16 -16
package/demos/react-demo/package-lock.json +13953 -0
package/demos/react-demo/package.json +36 -141
package/demos/react-demo/src/App.js +72 -12
package/demos/vue-demo/README.md +24 -0
package/demos/vue-demo/babel.config.js +5 -0
package/demos/vue-demo/package-lock.json +11638 -0
package/demos/vue-demo/package.json +43 -0
package/demos/vue-demo/public/favicon.ico +0 -0
package/demos/vue-demo/public/index.html +17 -0
package/demos/vue-demo/src/App.vue +27 -0
package/demos/vue-demo/src/assets/logo.png +0 -0
package/demos/vue-demo/src/components/EZUIKitJs.vue +115 -0
package/demos/vue-demo/src/main.js +8 -0
package/ezuikit.js +8567 -6436
package/package.json +1 -1
package/demos/base-demo/ezuikit_static/v6/v1/Decoder.js +0 -9195
package/demos/base-demo/ezuikit_static/v6/v1/Decoder.wasm +0 -0
package/demos/base-demo/ezuikit_static/v6/v1/ezuikit.js +0 -2334
package/demos/base-demo/ezuikit_static/v6/v1/js/jsPlugin-4.0.0.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v1/js/jsPlugin-4.0.1.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v1/js/jsPlugin-4.0.2.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v1/jsPlugin-2.0.0.min.js +0 -5219
package/demos/base-demo/ezuikit_static/v6/v2/Decoder.js +0 -9195
package/demos/base-demo/ezuikit_static/v6/v2/Decoder.wasm +0 -0
package/demos/base-demo/ezuikit_static/v6/v2/js/AudioRenderer.js +0 -225
package/demos/base-demo/ezuikit_static/v6/v2/js/SuperRender_10.js +0 -395
package/demos/base-demo/ezuikit_static/v6/v2/js/SystemTransform.js +0 -22
package/demos/base-demo/ezuikit_static/v6/v2/js/SystemTransform.js.mem +0 -0
package/demos/base-demo/ezuikit_static/v6/v2/js/jsPlugin-4.0.0.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v2/js/jsPlugin-4.0.1.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v2/js/jsPlugin-4.0.2.min.js +0 -26
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/AudioRenderer.js +0 -225
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/DecodeWorker.js +0 -711
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/Decoder.js +0 -1
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/JSPlaySDKInterface.js +0 -2518
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/SuperRender_10.js +0 -395
package/demos/base-demo/ezuikit_static/v6/v2/js/playctrl/SuperRender_20.js +0 -1
package/demos/base-demo/ezuikit_static/v6/v2/js/transform/SystemTransform.js +0 -22
package/demos/base-demo/ezuikit_static/v6/v2/js/transform/SystemTransform.js.mem +0 -0
package/demos/base-demo/ezuikit_static/v6/v2/js/transform/systemTransform-worker.min.js +0 -1
package/demos/base-demo/ezuikit_static/v6/v2/js/tts-v4.js +0 -343
package/demos/base-demo/ezuikit_static/v6/v2/jsPlugin-2.0.1.min.js +0 -5319
package/demos/base-demo/ezuikit_static/v6/v2/jsPluginV2-2.0.1.min.js +0 -5294
package/demos/base-demo/server.js +0 -67
package/demos/react-demo/config/env.js +0 -101
package/demos/react-demo/config/getHttpsConfig.js +0 -66
package/demos/react-demo/config/jest/cssTransform.js +0 -14
package/demos/react-demo/config/jest/fileTransform.js +0 -40
package/demos/react-demo/config/modules.js +0 -141
package/demos/react-demo/config/paths.js +0 -72
package/demos/react-demo/config/pnpTs.js +0 -35
package/demos/react-demo/config/webpack.config.js +0 -669
package/demos/react-demo/config/webpackDevServer.config.js +0 -134
package/demos/react-demo/scripts/build.js +0 -211
package/demos/react-demo/scripts/start.js +0 -166
package/demos/react-demo/scripts/test.js +0 -53
package/ezuikit_static/v6/v1/Decoder.js +0 -9195
package/ezuikit_static/v6/v1/Decoder.wasm +0 -0
package/ezuikit_static/v6/v1/ezuikit.js +0 -2334
package/ezuikit_static/v6/v1/js/AudioRenderer.js +0 -225
package/ezuikit_static/v6/v1/js/SuperRender_10.js +0 -395
package/ezuikit_static/v6/v1/js/SystemTransform.js +0 -22
package/ezuikit_static/v6/v1/js/SystemTransform.js.mem +0 -0
package/ezuikit_static/v6/v1/js/jsPlugin-4.0.0.min.js +0 -26
package/ezuikit_static/v6/v1/js/jsPlugin-4.0.1.min.js +0 -26
package/ezuikit_static/v6/v1/js/jsPlugin-4.0.2.min.js +0 -26
package/ezuikit_static/v6/v1/js/jsPluginV1-1.0.0.min.js +0 -26
package/ezuikit_static/v6/v1/js/playctrl/AudioRenderer.js +0 -225
package/ezuikit_static/v6/v1/js/playctrl/DecodeWorker.js +0 -711
package/ezuikit_static/v6/v1/js/playctrl/Decoder.js +0 -1
package/ezuikit_static/v6/v1/js/playctrl/JSPlaySDKInterface.js +0 -2518
package/ezuikit_static/v6/v1/js/playctrl/SuperRender_10.js +0 -395
package/ezuikit_static/v6/v1/js/playctrl/SuperRender_20.js +0 -1
package/ezuikit_static/v6/v1/js/transform/SystemTransform.js +0 -22
package/ezuikit_static/v6/v1/js/transform/SystemTransform.js.mem +0 -0
package/ezuikit_static/v6/v1/js/transform/systemTransform-worker.min.js +0 -1
package/ezuikit_static/v6/v1/js/tts-v4.js +0 -346
package/ezuikit_static/v6/v1/jsPlugin-2.0.0.min.js +0 -5219
package/ezuikit_static/v6/v1/rec/datepicker.js +0 -1522
package/ezuikit_static/v6/v1/rec/datepicker.min.css +0 -27
package/ezuikit_static/v6/v1/rec/datepicker.zh-CN.js +0 -19
package/ezuikit_static/v6/v1/rec/jquery.min.js +0 -2
package/ezuikit_static/v6/v1/talk/adapeter.js +0 -5497
package/ezuikit_static/v6/v1/talk/janus.js +0 -3507
package/ezuikit_static/v6/v1/talk/tts-v4.js +0 -346
package/ezuikit_static/v6/v2/Decoder.js +0 -9195
package/ezuikit_static/v6/v2/Decoder.wasm +0 -0
package/ezuikit_static/v6/v2/js/AudioRenderer.js +0 -225
package/ezuikit_static/v6/v2/js/Decoder.js +0 -9195
package/ezuikit_static/v6/v2/js/Decoder.wasm +0 -0
package/ezuikit_static/v6/v2/js/SuperRender_10.js +0 -395
package/ezuikit_static/v6/v2/js/SystemTransform.js +0 -22
package/ezuikit_static/v6/v2/js/SystemTransform.js.mem +0 -0
package/ezuikit_static/v6/v2/js/jsPlugin-4.0.0.min.js +0 -26
package/ezuikit_static/v6/v2/js/jsPlugin-4.0.1.min.js +0 -26
package/ezuikit_static/v6/v2/js/jsPlugin-4.0.2.min.js +0 -26
package/ezuikit_static/v6/v2/js/jsPluginV2-2.0.1.min.js +0 -5325
package/ezuikit_static/v6/v2/js/playctrl/AudioRenderer.js +0 -225
package/ezuikit_static/v6/v2/js/playctrl/DecodeWorker.js +0 -711
package/ezuikit_static/v6/v2/js/playctrl/Decoder.js +0 -1
package/ezuikit_static/v6/v2/js/playctrl/JSPlaySDKInterface.js +0 -2518
package/ezuikit_static/v6/v2/js/playctrl/SuperRender_10.js +0 -395
package/ezuikit_static/v6/v2/js/playctrl/SuperRender_20.js +0 -1
package/ezuikit_static/v6/v2/js/transform/SystemTransform.js +0 -22
package/ezuikit_static/v6/v2/js/transform/SystemTransform.js.mem +0 -0
package/ezuikit_static/v6/v2/js/transform/systemTransform-worker.min.js +0 -1
package/ezuikit_static/v6/v2/js/tts-v4.js +0 -343
package/ezuikit_static/v6/v2/jsPlugin-2.0.1.min.js +0 -5319
package/ezuikit_static/v6/v2/rec/datepicker.js +0 -1522
package/ezuikit_static/v6/v2/rec/datepicker.min.css +0 -27
package/ezuikit_static/v6/v2/rec/datepicker.zh-CN.js +0 -19
package/ezuikit_static/v6/v2/rec/jquery.min.js +0 -2
package/ezuikit_static/v6/v2/talk/adapeter.js +0 -5497
package/ezuikit_static/v6/v2/talk/janus.js +0 -3507
package/ezuikit_static/v6/v2/talk/tts-v4.js +0 -343

package/demos/base-demo/multi.html ADDED Viewed

@@ -0,0 +1,129 @@
+<!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 id="video-container2" 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;
+    var playr2;
+    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: 'pcLive', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          plugin: ['talk'],                       // 加载插件，talk-对讲
+          width: 600,
+          height: 400,
+        });
+        playr2 = new EZUIKit.EZUIKitPlayer({
+          id: 'video-container2', // 视频容器ID
+          accessToken: "at.e0mnhu50d7bwohb40358mchq13aobjm2-6m2v78jd7m-1g22scv-lcn0rdqm1",
+          url: 'ezopen://open.ys7.com/G39444019/1.live',
+          template: 'pcLive', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          plugin: ['talk'],                       // 加载插件，talk-对讲
+          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();
+      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/pcLive.html ADDED Viewed

@@ -0,0 +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" 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: 'pcLive', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          plugin: ['talk'],                       // 加载插件，talk-对讲
+          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();
+      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/pcRec.html ADDED Viewed

@@ -0,0 +1,116 @@
+<!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.rec',
+          template: 'pcRec', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          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();
+      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/template.html ADDED Viewed

@@ -0,0 +1,124 @@
+<!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;
+    // 获取测试token
+    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
+      .then(response => response.json())
+      .then(res => {
+        var accessToken = res.data.accessToken;
+        // 获取主题
+        fetch(`https://open.ys7.com/jssdk/ezopen/template/get?pageStart=1&pageSize=10&accessToken=${accessToken}`)
+          .then(response => response.json())
+          .then(res => {
+            var template = res.data.result[0].themeId;
+            playr = new EZUIKit.EZUIKitPlayer({
+              id: 'video-container', // 视频容器ID
+              accessToken: accessToken,
+              url: 'ezopen://open.ys7.com/G39444019/1.live',
+              template: template, // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+              plugin: ['talk'],                       // 加载插件，talk-对讲
+              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();
+      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>