style: add toast tip for not support full screen browser

server/plugins/com.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();
       }
     }

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',
+  }),
 };