diff --git a/README.md b/README.md index 5f4d77ac9ff2197a0ce280503e512eb1c7ceec6c..ec000406d79391613c18b2ecd5295218280ae109 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,8 @@    │ ├── Logger.js <日志>    │ ├── TouchHandler.js <触控>    │ └── Util.js <工具> -   └── index.html <测试页面> +   └── demo + ├──demo.html 测试页面 ``` #### 3.2 工程运行 @@ -54,11 +55,9 @@ npm run dev | 开发模式 npm run build | 生产模式 node package.js | 将产物输出为 tar.gz 包，放在 dist 目录下 ##### 3.2.2 开发测试 -（1）修改 index.html 中的接入地址等配置 +（1）修改 demo.html 中的接入地址等配置 （2）执行 npm run dev 命令 - -（3）进入 dist 目录，通过index.html启本地server。 #### 3.3 产物下载 ```shell ## 可以直接下载本项目构建好的产物进行尝鲜使用，下载解压后，修改 demo.html 中 ip、port 即可连接 diff --git a/sdk/demo/demo.html b/sdk/demo/demo.html index ece90424964614a70af9ffd26cd74287c7c9c64e..925923efe38f8ea7291b1166ecc9c2b17c8b7172 100644 --- a/sdk/demo/demo.html +++ b/sdk/demo/demo.html @@ -450,7 +450,6 @@ Copyright 2022 Huawei Cloud Computing Technology Co., Ltd. - - - - - - diff --git a/sdk/package.json b/sdk/package.json index ac5963d5ea4222a6f4dce8ea3c443d557c18124e..d3968af0fc471caf75733e190a48855afa43d794 100644 --- a/sdk/package.json +++ b/sdk/package.json @@ -5,7 +5,7 @@ "main": ".eslintrc.js", "scripts": { "build": "webpack --config webpack.config.js", - "dev": "webpack --config webpack.dev.js --mode development --progress --colors --watch", + "dev": "webpack-dev-server --config webpack.dev.js --progress", "server": "webpack-dev-server", "eslint": "eslint src/** *.js -f html -o eslint-report.html", "esfix": "eslint src/** *.js --fix", @@ -44,6 +44,7 @@ "typescript": "^3.8.3", "webpack": "^4.41.5", "webpack-cli": "^3.3.11", + "webpack-dev-server": "^3.11.0", "webpack-merge": "^4.2.1" }, "author": "" diff --git a/sdk/src/CPHCloudApp.js b/sdk/src/CPHCloudApp.js index 51d79c7aa5001a0767a6341c75a155780d4ad61c..707c6fbca3a9007774be02288db0dc9ac332ce53 100644 --- a/sdk/src/CPHCloudApp.js +++ b/sdk/src/CPHCloudApp.js @@ -119,6 +119,10 @@ class CPHCloudApp { }); } + fullscreenToggle(fullscreenElementId) { + this.appController.fullscreenToggle(fullscreenElementId); + } + __defaultValidator (name, val, rule) { if (rule.startsWith('len')) { let subs = rule.split(':'); diff --git a/sdk/webpack.config.js b/sdk/webpack.config.js index e46dd27e4ce47ffcf3a8b327de6d7ebc1e0ade65..0172ff02ec7d1a06cfeacabad6f96a72ccc19c97 100644 --- a/sdk/webpack.config.js +++ b/sdk/webpack.config.js @@ -105,7 +105,7 @@ module.exports = { new HtmlWebpackPlugin({ template: 'demo/demo.html', filename: path.join(__dirname, '/dist/demo.html'), - inject: false + inject: 'head' }), new HtmlWebpackPlugin({ template: 'phone.html', diff --git a/sdk/webpack.dev.js b/sdk/webpack.dev.js index f211b7dd0bd59f18a2549e610688f936b89db769..74c411fe7f2d86b4a6f04465193a2dbef387ec94 100644 --- a/sdk/webpack.dev.js +++ b/sdk/webpack.dev.js @@ -28,6 +28,11 @@ module.exports = { 'node_modules' ] }, + devServer: { + hot: true, + open: true, // 自动打开浏览器 + openPage: 'http://localhost:8080/enter.html' // 默认打开的页面路径 + }, resolveLoader: { modules: [ 'webpack-tools', @@ -63,30 +68,25 @@ module.exports = { '__APP_VERSION__': JSON.stringify(packageJSON.version), '__IS_DEBUG__': 'true' }), - new HtmlWebpackPlugin({ - template: 'index.html', - filename: path.join(__dirname, '/dist/index.html'), - inject: false - }), new HtmlWebpackPlugin({ template: 'login.html', - filename: path.join(__dirname, '/dist/login.html'), + filename: 'login.html', inject: false }), new HtmlWebpackPlugin({ template: 'enter.html', - filename: path.join(__dirname, '/dist/enter.html'), + filename: 'enter.html', inject: false }), new HtmlWebpackPlugin({ template: 'phone.html', - filename: path.join(__dirname, '/dist/phone.html'), + filename: 'phone.html', inject: false }), new HtmlWebpackPlugin({ template: 'demo/demo.html', - filename: path.join(__dirname, '/dist/demo.html'), - inject: false + filename: 'demo.html', + inject: 'head' }), new CopyWebpackPlugin([{ from: 'demo/demo.md', @@ -96,17 +96,13 @@ module.exports = { from: 'src/3rd/video-codec-lib/', to: path.join(__dirname, '/dist/lib'), force: true - }, { - from: 'images/mobileBg.png', - to: path.join(__dirname, '/dist/images/mobileBg.png'), - force: true },{ - from: 'images/ctrl_view.png', - to: path.join(__dirname, '/dist/images/ctrl_view.png'), + from: 'images/', + to: path.join(__dirname, '/dist/images/'), force: true },{ - from: 'style/common.css', - to: path.join(__dirname, '/dist/style/common.css'), + from: 'style/', + to: path.join(__dirname, '/dist/style/'), force: true },{ from: 'common.js', @@ -121,14 +117,13 @@ module.exports = { entry: { CloudApp: './src/CloudApp.js' }, - devtool: 'source-map', output: { libraryTarget: 'umd', library: '[name]', libraryExport: 'default', umdNamedDefine: true, - path: path.join(__dirname, '/dist/sdk'), - filename: '[name].min.js', - chunkFilename: '[name].bundle.js' + path: path.join(__dirname, '/dist/'), + filename: './sdk/[name].min.js', + chunkFilename: './sdk/[name].bundle.js' } };