style: add toast tip for not support full screen browser

msgbyte · Aug 29, 2023 · 7ca7e36 · 7ca7e36
1 parent 65284e3
commit 7ca7e36
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/...om.msgbyte.livekit/web/plugins/com.msgbyte.livekit/src/components/lib/ParticipantTile.tsx b/...om.msgbyte.livekit/web/plugins/com.msgbyte.livekit/src/components/lib/ParticipantTile.tsx
@@ -36,7 +36,7 @@ import { useSize } from '../../utils/useResizeObserver';
 import { Translate } from '../../translate';
 import { useMemo } from 'react';
 import { FullScreenBtn } from '../FullScreenBtn';
-import { useEvent } from '@capital/common';
+import { showToasts, useEvent } from '@capital/common';
 
 /** @public */
 export type ParticipantTileProps = React.HTMLAttributes<HTMLDivElement> & {
@@ -183,6 +183,12 @@ export const ParticipantTile = ({
       if (checkIsFullscreen()) {
         document.exitFullscreen();
       } else {
+        if (!containerEl.current.requestFullscreen) {
+          console.log(Translate.notSupportDOMFullscreen);
+          showToasts(Translate.notSupportDOMFullscreen, 'info');
+          return;
+        }
+
         containerEl.current.requestFullscreen();
       }
     }

diff --git a/server/plugins/com.msgbyte.livekit/web/plugins/com.msgbyte.livekit/src/translate.ts b/server/plugins/com.msgbyte.livekit/web/plugins/com.msgbyte.livekit/src/translate.ts
@@ -61,4 +61,8 @@ export const Translate = {
     'zh-CN': '这些人正在会中:',
     'en-US': 'Here is people in meeting:',
   }),
+  notSupportDOMFullscreen: localTrans({
+    'zh-CN': '当前浏览器不支持视图全屏',
+    'en-US': 'Current browser does not support DOM full screen',
+  }),
 };