fix local web demo no permission for camera/mic

README.md

@@ -1833,8 +1833,10 @@ npm install -g pnpm
 
 
 cd web_demos/minicpm-o_2.6/web_server
-pnpm install  # install requirements
+# create ssl cert for https, https is required to request camera and microphone permissions.
+bash ./make_ssl_cert.sh  # output key.pem and cert.pem
 
+pnpm install  # install requirements
 pnpm run dev  # start server
 ```
 

README_zh.md

@@ -1815,8 +1815,10 @@ npm install -g pnpm
 
 
 cd web_demos/minicpm-o_2.6/web_server
-pnpm install  # install requirements
+# 为https创建自签名证书, 要申请浏览器摄像头和麦克风权限须启动https.
+bash ./make_ssl_cert.sh  # output key.pem and cert.pem
 
+pnpm install  # install requirements
 pnpm run dev  # start server
 ```
 

web_demos/minicpm-o_2.6/web_server/make_ssl_cert.sh

@@ -0,0 +1,2 @@
+
+openssl req -x509 -newkey rsa:2048 -keyout  key.pem  -out cert.pem -days 365 -nodes

web_demos/minicpm-o_2.6/web_server/vite.config.js

@@ -9,6 +9,8 @@ import IconsResolver from 'unplugin-icons/resolver';
 import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import fs from 'fs';
+import path from 'path';
 
 export default defineConfig({
     plugins: [
@@ -55,6 +57,10 @@ export default defineConfig({
         }
     },
     server: {
+        https: {
+            key: fs.readFileSync(path.resolve(__dirname, 'key.pem')),
+            cert: fs.readFileSync(path.resolve(__dirname, 'cert.pem')),
+        },
         host: '0.0.0.0',
         port: 8088,
         proxy: {