remove screen share, popup one window for permission

Author: syf20020816

app/rooms/[roomName]/PageClientImpl.tsx

@@ -112,6 +112,7 @@ function VideoConferenceComponent(props: {
   const [e2eeSetupComplete, setE2eeSetupComplete] = React.useState(false);
   const [messageApi, contextHolder] = message.useMessage();
   const [notApi, notHolder] = notification.useNotification();
+  const [permissionOpened, setPermissionOpened] = useState(false);
   const [permissionModalVisible, setPermissionModalVisible] = useState(false);
   const [permissionRequested, setPermissionRequested] = useState(false);
   const [permissionError, setPermissionError] = useState<string | null>(null);
@@ -200,18 +201,26 @@ function VideoConferenceComponent(props: {
           messageApi.error(t('msg.error.device.not_found'));
           break;
         case MediaDeviceFailure.PermissionDenied:
-          notApi.open({
-            duration: 3,
-            message: t('msg.error.device.permission_denied_title'),
-            description: t('msg.error.device.permission_denied_desc'),
-            btn: (
-              <Space>
-                <Button type="primary" size="small" onClick={() => setPermissionModalVisible(true)}>
-                  {t('msg.request.device.allow')}
-                </Button>
-              </Space>
-            ),
-          });
+          if (!permissionOpened) {
+            setPermissionOpened(true);
+            notApi.open({
+              duration: 3,
+              message: t('msg.error.device.permission_denied_title'),
+              description: t('msg.error.device.permission_denied_desc'),
+              btn: (
+                <Space>
+                  <Button
+                    type="primary"
+                    size="small"
+                    onClick={() => setPermissionModalVisible(true)}
+                  >
+                    {t('msg.request.device.allow')}
+                  </Button>
+                </Space>
+              ),
+              onClose: () => setPermissionOpened(false),
+            });
+          }
           break;
         case MediaDeviceFailure.Other:
           messageApi.error(t('msg.error.device.other'));
@@ -233,11 +242,6 @@ function VideoConferenceComponent(props: {
         audio: true,
       });
 
-      await navigator.mediaDevices.getDisplayMedia({
-        video: true,
-        audio: true,
-      });
-
       // 权限已获取，通知用户
       messageApi.success(t('msg.success.device.granted'));