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/ezuikit_static/v6/v2/speed/speed.css ADDED Viewed

@@ -0,0 +1,144 @@
+.speed-select {
+  text-align: center;
+  display: block;
+  width: 120px;
+  background: rgb(255, 255, 255);
+  box-shadow: rgb(0 0 0 / 10%) 0px 3px 20px 0px;
+  border-radius: 2px;
+  padding: 0px;
+  position: absolute;
+  bottom: 48px;
+  left: -30px;
+  color: rgba(0, 0, 0, 0.85);
+}
+.speed-select li:hover{
+  background: #1890FF1a;
+ }
+ .speed-select ::after{
+    position: absolute;
+    bottom: -16px;
+    left: 40%;
+    content: ' ';
+    border: 8px solid transparent;
+    border-top: 8px solid #FFFFFF;
+ }
+  /*避免触发onmouseleave事件*/
+  .speed-select ::before{
+    position: absolute;
+    bottom: -16px;
+    left: 0;
+    content: ' ';
+    border: 8px solid transparent;
+    border-top: 8px solid transparent;
+    width: 100%;
+  }
+ .speed-select.mobile {
+  display: block;
+  position: fixed;
+  z-index: 2;
+  left: 0;
+  /* top: 0; */
+  top: calc(100vh - 400px);
+  width: 90%;
+  margin: auto;
+  margin: 0px 5% 50px;
+  border-radius: 10px;
+  padding: 10px 0;
+ }
+ .hd.speed-select.mobile {
+   height: 90px;
+ }
+ .speed.speed-select.mobile {
+   height: 180px;
+   top: calc(100vh - 400px);
+ }
+ .speed-select.mobile .selectOption.active{
+   color: #648FFC;
+ }
+ .speed-select .selectOption.active{
+  color: #648FFC;
+}
+ .speed-select.mobile .selectOption.cancel{
+  position: absolute;background: #FFFF;
+  width: 100%;
+  margin-top: 30px;
+  height: 45px;
+  text-align: center;
+  line-height: 45px;
+  list-style: none;
+  cursor: pointer;
+  font-size: 16px;
+  color: rgba(0, 0, 0, .85);
+  border-radius: 10px;
+ }
+ .speed-select.mobile ::after{
+   display: none;
+}
+.speed-select-mask {
+  position: fixed;
+  width: 100%;
+  background: rgba(0,0,0,0.40);
+  height: 100vh;
+  top: 0;
+  z-index: 1;
+  left: 0;
+}
+.speed-select.mobile.expend {
+  bottom: 0;
+  top: auto;
+  width: 240px;
+  right: 0;
+  left: auto;
+  height: 100vw;
+  margin: 0;
+  background: rgba(0,0,0,0.75);
+  color: #FFFFFF;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  padding: 0;
+  border-radius: 0;
+}
+.speed-select.mobile.expend li{
+  color: #FFFFFF;
+}
+.speed-select.mobile.expend li:first-child{
+  margin-top: 40%;
+}
+.speed-select.mobile.expend .selectOption.cancel{
+    left: 0;
+    top: 0;
+    width: 40px;
+    font-size: 0;
+    background: none;
+    margin-top: 0;
+ }
+ .speed-select.mobile.expend .selectOption.cancel::before {
+  content: "";
+  display: block;
+  width: 16px;
+  height: 1px;
+  background: #FFFFFF;
+  border: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+.speed-select.mobile.expend .selectOption.cancel::after {
+  content: "";
+  display: block;
+  width: 1px;
+  height: 16px;
+  background: #FFFFFF;
+  border: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+}

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

@@ -0,0 +1,24 @@
+<!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>
+    <video id="hlsId" autoplay controls style="width: 600px;height:400px"></video>
+    <video id="hlsId2" autoplay controls style="width: 600px;height:400px"></video>
+  </div>
+  <script>
+    var hlsDemo = new EZUIKit.HLS("hlsId","https://open.ys7.com/v3/openlive/C78957921_1_2.m3u8?expire=1687488306&id=461844489422516224&t=96ea4ce49d2ea4f2f65d045edbe8fa1a51ef9fac6f38e150052bc64a91c27db7&ev=100");
+    var hlsDemo2 = new EZUIKit.HLS("hlsId2","https://open.ys7.com/v3/openlive/G39444019_1_2.m3u8?expire=1687487466&id=461840962679742464&t=c076d5a5ad56090e919a6a2500b96169c20a77874cce866a87a7d65e493e6f2f&ev=100");
+  </script>
+</body>
+</html>

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

@@ -11,14 +11,13 @@
 <body>
   <div className="demo">
     <h2>视频模式使用示例：</h2>
-    <div id="video-container" style="width:600px;height: 400px;">
+    <div id="video-container" style="width:600px;">
     </div>
     <div>
-      <button onClick="init()">init</button>
       <button onClick="play()">play</button>
       <button onClick="stop()">stop</button>
-      <button onclick="ezopenDestroy()">destroy</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>
@@ -32,8 +31,7 @@
   </div>
   <script>
     var playr;
-    function init() {
-      fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
+    fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
       .then(response => response.json())
       .then(res => {
         var accessToken = res.data.accessToken;
@@ -43,13 +41,10 @@
           url: 'ezopen://open.ys7.com/G39444019/1.live',
           template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
           plugin: ['talk'],                       // 加载插件，talk-对讲
-          staticPath: "/ezuikit_static/v6",
-          handleInitSuccess: ()=> console.log("初始化成功回调"),
           width: 600,
           height: 400,
         });
       });
-    }
     function fullScreen() {
       var playPromise = playr.fullScreen();
       playPromise.then((data) => {
@@ -68,14 +63,14 @@
         console.log("promise 获取 数据", data)
       })
     }
-    function ezopenDestroy() {
-      var destroyPromise = playr.destroy();
-      destroyPromise.then((data) => {
+    function getOSDTime() {
+      var getOSDTimePromise = playr.getOSDTime();
+      getOSDTimePromise.then((data) => {
         console.log("promise 获取 数据", data)
       })
     }
-    function getOSDTime() {
-      var getOSDTimePromise = playr.getOSDTime();
+    function getOSDTime2() {
+      var getOSDTimePromise = playr2.getOSDTime();
       getOSDTimePromise.then((data) => {
         console.log("promise 获取 数据", data)
       })
@@ -99,7 +94,7 @@
       })
     }
     function startSave() {
-      var startSavePromise = playr.startSave();
+      var startSavePromise = playr.startSave(`${new Date().getTime()}`);
       startSavePromise.then((data) => {
         console.log("promise 获取 数据", data)
       })
@@ -111,10 +106,10 @@
       })
     }
     function ezopenStartTalk() {
-      var stopSavePromise = playr.startTalk();
+      playr.startTalk();
     }
     function ezopenStopTalk() {
-      var stopSavePromise = playr.stopTalk();
+      playr.stopTalk();
     }
   </script>
 </body>

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

@@ -0,0 +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/v6",
+          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 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">
+    </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>

package/demos/base-demo/mobileRec.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">
+    </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: 'mobileRec', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+          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>