ezuikit-js 0.6.1-beta.4 → 0.6.2

package/demos/react-demo/package.json

@@ -1,141 +1,36 @@
-{
-  "name": "my-app",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@babel/core": "7.9.0",
-    "@svgr/webpack": "4.3.3",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "@typescript-eslint/eslint-plugin": "^2.10.0",
-    "@typescript-eslint/parser": "^2.10.0",
-    "axios": "^0.19.2",
-    "babel-eslint": "10.1.0",
-    "babel-jest": "^24.9.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-named-asset-import": "^0.3.6",
-    "babel-preset-react-app": "^9.1.2",
-    "camelcase": "^5.3.1",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
-    "css-loader": "3.4.2",
-    "dotenv": "8.2.0",
-    "dotenv-expand": "5.1.0",
-    "eslint": "^6.6.0",
-    "eslint-config-react-app": "^5.2.1",
-    "eslint-loader": "3.0.3",
-    "eslint-plugin-flowtype": "4.6.0",
-    "eslint-plugin-import": "2.20.1",
-    "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-react": "7.19.0",
-    "eslint-plugin-react-hooks": "^1.6.1",
-    "ezuikit-js": "^0.5.2",
-    "file-loader": "4.3.0",
-    "fs-extra": "^8.1.0",
-    "html-webpack-plugin": "4.0.0-beta.11",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "24.9.0",
-    "jest-environment-jsdom-fourteen": "1.0.1",
-    "jest-resolve": "24.9.0",
-    "jest-watch-typeahead": "0.4.2",
-    "mini-css-extract-plugin": "0.9.0",
-    "optimize-css-assets-webpack-plugin": "5.0.3",
-    "pnp-webpack-plugin": "1.6.4",
-    "postcss-flexbugs-fixes": "4.1.0",
-    "postcss-loader": "3.0.0",
-    "postcss-normalize": "8.0.1",
-    "postcss-preset-env": "6.7.0",
-    "postcss-safe-parser": "4.0.1",
-    "react": "^16.13.1",
-    "react-app-polyfill": "^1.0.6",
-    "react-dev-utils": "^10.2.1",
-    "react-dom": "^16.13.1",
-    "resolve": "1.15.0",
-    "resolve-url-loader": "3.1.1",
-    "sass-loader": "8.0.2",
-    "semver": "6.3.0",
-    "style-loader": "0.23.1",
-    "terser-webpack-plugin": "2.3.5",
-    "ts-pnp": "1.1.6",
-    "url-loader": "2.3.0",
-    "webpack": "4.42.0",
-    "webpack-dev-server": "3.10.3",
-    "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "4.3.1"
-  },
-  "scripts": {
-    "start": "node scripts/start.js",
-    "build": "node scripts/build.js",
-    "test": "node scripts/test.js"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.js"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jest-environment-jsdom-fourteen",
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ]
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  }
-}
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.5.0",
+    "@testing-library/user-event": "^7.2.1",
+    "axios": "^0.19.2",
+    "ezuikit-js": "^0.6.2",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-scripts": "3.4.1"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/demos/react-demo/src/App.js

@@ -7,7 +7,7 @@ import './App.css';
 class App extends React.Component{
   constructor(props){
     super(props);
-    this.playr = null; //定义播放器
+    this.player = null; //定义播放器
   }
   componentDidMount(){
     fetch('https://open.ys7.com/jssdk/ezopen/demo/token')
@@ -18,13 +18,72 @@ class App extends React.Component{
         id: 'video-container', // 视频容器ID
         accessToken: accessToken,
         url: 'ezopen://open.ys7.com/G39444019/1.live',
-        template: 'simple', // simple - 极简版;standard-标准版;security - 安防版(预览回放);voice-语音版; theme-可配置主题；
+        // simple - 极简版; pcLive-pc直播；pcRec-pc回放；mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
+        //template: 'simple', 
         plugin: ['talk'],                       // 加载插件，talk-对讲
         width: 600,
         height: 400,
       });
+      window.player = this.player;
     });
   }
+  play = () => {
+    var playPromise = this.player.play();
+    playPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  stop = () => {
+    var stopPromise = this.player.stop();
+    stopPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  getOSDTime = () => {
+    var getOSDTimePromise = this.player.getOSDTime();
+    getOSDTimePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  capturePicture = () => {
+    var capturePicturePromise = this.player.capturePicture(`${new Date().getTime()}`);
+    capturePicturePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  openSound = () => {
+          var openSoundPromise = this.player.openSound();
+    openSoundPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  closeSound = () => {
+    var openSoundPromise = this.player.closeSound();
+    openSoundPromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  startSave = () => {
+          var startSavePromise = this.player.startSave(`${new Date().getTime()}`);
+    startSavePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  stopSave = () => {
+    var stopSavePromise = this.player.stopSave();
+    stopSavePromise.then((data) => {
+      console.log("promise 获取 数据", data)
+    })
+  }
+  ezopenStartTalk = () => {
+    this.player.startTalk();
+  }
+  ezopenStopTalk = () => {
+    this.player.stopTalk();
+  }
+  fullScreen = () => {
+    this.player.fullScreen();
+  }
   render(){
     return(
       <div className="demo">
@@ -34,16 +93,17 @@ class App extends React.Component{
         >
         </div>
         <div>
-          <button onClick={()=> this.playr.stop()}>stop</button>
-          <button onClick={()=> this.playr.openSound()}>openSound</button>
-          <button onClick={()=> this.playr.closeSound()}>closeSound</button>
-          <button onClick={()=> this.playr.startSave()}>startSave</button>
-          <button onClick={()=> this.playr.stopSave()}>stopSave</button>
-          <button onClick={()=> this.playr.capturePicture()}>capturePicture</button>
-          <button onClick={()=> this.playr.fullScreen()}>fullScreen</button>
-          <button onClick={()=> this.playr.getOSDTime()}>getOSDTime</button>
-          <button onClick={()=> this.playr.startTalk()}>开始对讲</button>
-          <button onClick={()=> this.playr.stopTalk()}>结束对讲</button>
+          <button onClick={()=> this.stop()}>stop</button>
+          <button onClick={()=> this.play()}>play</button>
+          <button onClick={()=> this.openSound()}>openSound</button>
+          <button onClick={()=> this.closeSound()}>closeSound</button>
+          <button onClick={()=> this.startSave()}>startSave</button>
+          <button onClick={()=> this.stopSave()}>stopSave</button>
+          <button onClick={()=> this.capturePicture()}>capturePicture</button>
+          <button onClick={()=> this.fullScreen()}>fullScreen</button>
+          <button onClick={()=> this.getOSDTime()}>getOSDTime</button>
+          <button onClick={()=> this.ezopenStartTalk()}>开始对讲</button>
+          <button onClick={()=> this.ezopenStopTalk()}>结束对讲</button>
         </div>
       </div>
     )

package/demos/vue-demo/README.md

@@ -0,0 +1,24 @@
+# my-project
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/demos/vue-demo/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}