diff --git a/examples/realtime-console/src/pages/main/player.tsx b/examples/realtime-console/src/pages/main/player.tsx
index abc1e8ac..b830d486 100644
--- a/examples/realtime-console/src/pages/main/player.tsx
+++ b/examples/realtime-console/src/pages/main/player.tsx
@@ -16,6 +16,17 @@ const Player: React.FC<{
   };
   const videoState = localManager.get(LocalStorageKey.VIDEO_STATE);
 
+  const handleToggleVideoMirror = (e: CheckboxChangeEvent) => {
+    clientRef.current
+      ?.getRtcEngine()
+      ?.setLocalVideoMirrorType(e.target.checked ? 1 : 0);
+
+    localManager.set(
+      LocalStorageKey.VIDEO_MIRROR_STATE,
+      e.target.checked.toString(),
+    );
+  };
+
   return (
     <div className="player-container">
       <div
@@ -35,6 +46,15 @@ const Player: React.FC<{
           />{' '}
           Video
         </label>
+        <label>
+          <Checkbox
+            defaultChecked={
+              localManager.get(LocalStorageKey.VIDEO_MIRROR_STATE) === 'true'
+            }
+            onChange={handleToggleVideoMirror}
+          />{' '}
+          镜像
+        </label>
         <a
           href="https://bytedance.larkoffice.com/docx/BdIxdfjraoarXIx2Pszc7Yx5nre"
           target="_blank"
diff --git a/examples/realtime-console/src/utils/local-manager.ts b/examples/realtime-console/src/utils/local-manager.ts
index 0b1ef90a..aaecbe47 100644
--- a/examples/realtime-console/src/utils/local-manager.ts
+++ b/examples/realtime-console/src/utils/local-manager.ts
@@ -22,6 +22,7 @@ export enum LocalStorageKey {
   ROOM_MODE = 'room_mode',
   TRANSLATE_CONFIG = 'translate_config',
   TURN_DETECTION_TYPE = 'turn_detection_type',
+  VIDEO_MIRROR_STATE = 'VIDEO_MIRROR_STATE',
 }
 
 export class LocalManager {