根本原因是锁屏控制中心UI由原生层渲染且不感知Web主题变化，uni.getBackgroundAudioManager()不自动同步主题，需手动通过原生API或预置双图标方案适配。
uni-app 里锁屏控制中心不随系统主题变，根本原因在哪
锁屏控制中心（iOS 的 Now Playing、Android 的 Media Session）的主题色由原生层决定，uni.getBackgroundAudioManager() 创建的音频实例本身不感知主题变化，也不会自动同步 document.documentElement 上的 CSS 变量或 storage 里的 theme_mode。它只管播，不管“怎么显示”。你改了页面的暗黑 class，控制中心图标、文字、背景仍是启动时那一套——因为它的 UI 是原生渲染，和 WebView 无关。
必须用原生 API 主动设置 media session 样式
iOS 和 Android 都要求在播放开始后，显式调用原生接口更新媒体会话的外观。uni-app 没有封装这层，得靠条件编译 + plus 调用。
-
plus.ios.invoke(mediaSession, 'setDarkModeEnabled:', true)—— iOS 15+ 才支持，需先获取AVNowPlayingInfoCenter实例 - Android 端要走
MediaSessionCompat的setBackgroundColor()或setSmallIcon()，但 uni-app 不暴露该对象，只能通过自定义原生插件或离线打包时注入 Java/Kotlin 代码 - H5 端完全不适用：浏览器媒体控制栏（如 Chrome 的播放卡片）只读取
meta标签和mediaSessionJS API，但 uni-app H5 项目中navigator.mediaSession受限于跨域和权限，多数情况下不可写
最可行的折中方案：按主题预置两套图标资源并手动切换
既然无法实时驱动原生层主题，就绕过它，用资源替换模拟效果。关键不是“让系统改”，而是“在主题切时立刻告诉音频管理器换图”。
- 准备两组图标：
static/audio/icon_light.png和static/audio/icon_dark.png - 每次调用
uni.setStorageSync('theme_mode', 'dark')后，立即重设音频实例的coverImgUrl：const bgm = uni.getBackgroundAudioManager();<br>bgm.coverImgUrl = theme === 'dark'<br> ? '/static/audio/icon_dark.png'<br> : '/static/audio/icon_light.png';
- 注意：iOS 锁屏封面图必须是 PNG，尺寸建议 600×600；Android 对格式宽容些，但推荐统一用 PNG
- 别依赖
onThemeChange：它只在小程序平台触发，App 端收不到系统级主题变更事件，必须靠你自己在主题切换逻辑里主动同步
容易被忽略的细节：图标缓存与加载时机
原生媒体会话对图标有强缓存机制，coverImgUrl 改了但没生效？大概率是路径没变或资源未刷新。
- 强制刷新路径：加时间戳参数，比如
coverImgUrl = '/static/audio/icon_dark.png?t=' + Date.now() - 确保图标文件在离线打包时被正确包含：检查
nativeResources或unpackage目录下是否存在对应文件 - 不要等到
play()之后再设coverImgUrl：必须在play()前或同时设置，否则首次播放时仍显示旧图 - Android 部分厂商（华为 EMUI、小米 MIUI）会截取图标并强制转为单色，所以深色图建议用高对比度白底黑标，而非纯黑底白标
