添加播放器播放信息叠加面板

[wjb6666]

改动概述

这个 PR 为播放器增加了一个类似 PotPlayer 的“播放信息”叠加面板。播放视频时可以按 Tab 键显示或隐藏当前媒体的详细信息，便于排查播放质量、解码器、码率、分辨率等问题。

面板当前会展示以下信息：

• 播放后端，例如 Desktop 端的 VLC、Android 端的 ExoPlayer
• 播放状态
• 标题
• 当前播放进度和总时长
• 视频分辨率
• 帧率
• 视频编码器
• 视频码率
• 音频编码器
• 音频码率
• 音频采样率和声道数
• 播放速度
• 实时输入码率、实时解复用码率
• 已解码视频帧、已解码音频帧、视频丢帧、音频丢包等统计信息

如果某个平台或播放后端暂时无法提供某一项数据，面板会显示为“未知”，不会影响正常播放。

具体实现

1. 新增通用播放信息数据结构和 UI

在 app/shared/video-player/src/commonMain/kotlin/ui/PlayerStatsOverlay.kt 中新增了：

• PlayerStatsSnapshot：用于承载一次采样得到的播放信息快照。
• rememberPlayerStatsState(player)：使用 expect/actual 机制，由各平台分别实现具体的数据读取逻辑。
• PlayerStatsOverlay(stats)：通用 Compose UI，用半透明黑色浮层展示播放信息。

这样 UI 展示逻辑放在 commonMain，平台差异只集中在数据采集层。

2. Desktop 端读取 VLC 播放信息

在 app/shared/video-player/src/desktopMain/kotlin/ui/PlayerStatsOverlay.desktop.kt 中实现 Desktop 端数据采集。

Desktop 播放后端实际使用 VLC，因此这里会尝试把 MediampPlayer.impl 转成 EmbeddedMediaPlayer，然后通过 VLCJ 获取：

• media().info().videoTracks()：读取视频轨道信息，例如宽高、帧率、视频编码、视频码率。
• media().info().audioTracks()：读取音频轨道信息，例如音频编码、音频码率、采样率、声道数。
• media().info().statistics()：读取实时统计，例如输入码率、解复用码率、解码帧数、丢帧和音频缓冲丢失数量。
• status().rate()：读取播放速率。

如果当前播放器实现不是 VLC，或者 VLC 数据读取失败，会回退到基础信息，只显示播放状态、标题、进度、时长和播放速度。

3. Android 端读取 ExoPlayer 播放信息

在 app/shared/video-player/src/androidMain/kotlin/ui/PlayerStatsOverlay.android.kt 中实现 Android 端数据采集。

Android 端会尝试把 MediampPlayer.impl 转成 ExoPlayer，然后读取：

• videoFormat：视频编码、视频码率、帧率、宽高。
• audioFormat：音频编码、音频码率、采样率、声道数。
• videoSize：作为分辨率 fallback。
• videoDecoderCounters 和 audioDecoderCounters：读取已渲染 buffer 数和丢弃 buffer 数。
• playbackParameters.speed：读取播放速度。

如果当前播放器实现不是 ExoPlayer，同样回退到基础信息。

4. iOS 端提供安全 fallback

在 app/shared/video-player/src/iosMain/kotlin/ui/PlayerStatsOverlay.ios.kt 中提供 iOS 端实现。

目前 iOS 端只读取通用基础信息，包括播放后端名称、播放状态、标题、进度、总时长和播放速度。视频轨道、音频轨道和实时码率等字段暂时显示为“未知”。这样可以保持 multiplatform 编译结构完整，同时不引入 iOS 平台额外风险。

5. 接入播放器界面层

在 app/shared/src/commonMain/kotlin/ui/subject/episode/EpisodeVideo.kt 中新增：

• showPlayerStats 状态，用于控制播放信息面板显示或隐藏。
• rememberPlayerStatsState(playerState)，每秒刷新一次播放信息。
• 将 PlayerStatsOverlay(playerStats) 传入播放器 scaffold。
• 将 onTogglePlayerStats 传给手势层，用于响应 Tab 快捷键。

这样播放页面本身只负责持有“是否显示”的状态，具体快捷键和 UI 渲染都分别交给手势层和 overlay 组件。

6. 扩展 VideoScaffold 支持播放信息叠加层

在 app/shared/video-player/src/commonMain/kotlin/ui/VideoScaffold.kt 中新增参数：

playerStatsOverlay: @Composable BoxScope.() -> Unit = {}

这个 overlay 会被放置在播放器内容区域左上角，并使用窗口 inset 避开顶部和横向安全区域。这样播放信息面板可以覆盖在视频画面上方，但不会干扰原有顶部栏、底部控制栏和侧边面板逻辑。

7. 扩展播放器快捷键处理

在以下文件中加入 Tab 快捷键回调传递：

• app/shared/video-player/src/commonMain/kotlin/ui/gesture/GestureLock.kt
• app/shared/video-player/src/commonMain/kotlin/ui/gesture/PlayerGestureHost.kt

新增 onTogglePlayerStats 回调，并在 GestureFamily 中新增 keyboardTogglePlayerStats 开关。默认启用后，播放器获得键盘焦点时按 Tab 会切换播放信息面板显示状态。

用户体验

使用方式：

1. 播放任意视频。
2. 按 Tab 显示播放信息面板。
3. 再次按 Tab 隐藏播放信息面板。

面板默认位于播放器左上角，样式为半透明黑色背景和等宽字体，便于在视频画面上阅读技术信息。

兼容性说明

• Desktop 端：优先展示 VLC 能提供的完整媒体和统计信息。
• Android 端：优先展示 ExoPlayer 能提供的轨道和解码统计信息。
• iOS 端：目前展示基础播放信息，无法读取的高级字段显示为“未知”。
• 如果播放后端暂时没有提供某些字段，面板不会抛错，也不会影响播放。

验证

已在本地执行 Desktop 相关编译验证：

./gradlew :app:shared:video-player:compileKotlinDesktop :app:shared:compileKotlinDesktop --no-daemon

结果：BUILD SUCCESSFUL

Android 编译未在本机执行，因为当前机器未配置 Android SDK，缺少 ANDROID_HOME 或 local.properties 中的 sdk.dir。