feat: https

Author: xgChange

client/packages/rtc-web/src/hooks/useRoom.ts

@@ -166,13 +166,13 @@ export const useRoomConnect = (option: ConnectOption = {}) => {
     pc.ondatachannel = (e) => {
       const chanel = e.channel;
       if (chanel.label === 'datachanel') {
-        chanel.onmessage = (e: any) => {
+        chanel.onmessage = () => {
           // console.log('接受', e.data);
         };
       }
     };
 
-    pc.onconnectionstatechange = (e) => {
+    pc.onconnectionstatechange = () => {
       if (pc.connectionState === 'connected') {
         // console.log('完成');
         completed.value = true;

client/packages/rtc-web/src/views/video/hooks/useVideoCall.ts

@@ -111,7 +111,7 @@ export const useMediaSetting = (
     };
   });
 
-  const { stream, stop, restart, start } = useUserMedia({
+  const { stream, stop, restart, start, isSupported } = useUserMedia({
     constraints,
   });
 
@@ -167,6 +167,7 @@ export const useMediaSetting = (
 
   // 进入页面先连接
   const startGetMedia = () => {
+    console.log(isSupported.value);
     return new Promise<MediaStream | undefined>((resolve) => {
       const watchEnableStop = watchEffect(async () => {
         if (
@@ -217,13 +218,13 @@ export const useMediaConnect = (
     async roomCreated() {
       console.log('ccccreated');
       stream = await startGetMedia();
+      console.log(stream);
     },
     roomJoined: async (_, pc) => {
       let innerStream = stream;
       stream = undefined;
       if (!innerStream) {
         innerStream = await startGetMedia();
-        console.log('jjjjjjoined');
       }
       if (pc && innerStream) {
         innerStream.getTracks().forEach((track) => {

client/packages/rtc-web/vite.config.ts

@@ -4,6 +4,8 @@ import eslintPlugin from 'vite-plugin-eslint';
 import { resolve } from 'path';
 import vueJsx from '@vitejs/plugin-vue-jsx';
 
+import fs from 'fs';
+
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
 
 const pathResolve = (path: string) => resolve(__dirname, path);
@@ -25,11 +27,16 @@ export default defineConfig({
     host: '0.0.0.0',
     proxy: {
       '/api': {
-        target: 'http://localhost:9092/api',
+        target: 'https://192.168.1.11:9092/api',
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, ''),
+        secure: false,
       },
     },
+    https: {
+      key: fs.readFileSync('./cert/localhost+1-key.pem'),
+      cert: fs.readFileSync('./cert/localhost+1.pem'),
+    },
   },
   plugins: [
     vue(),
@@ -40,5 +47,9 @@ export default defineConfig({
       // 指定symbolId格式
       symbolId: 'icon-[dir]-[name]',
     }),
+    // basicSsl(),
+    // mkcert({
+    //   source: 'coding',
+    // }),
   ],
 });