嗨，完全不用切换到React Native哦！你用Capacitor + React完全能实现带锁屏、通知中心控制的音频播放器，而且不用自己写原生代码～

我刚好找到一个现成的Capacitor插件能搞定这个需求——capacitor-media-session，它专门用来处理媒体会话，支持锁屏和通知栏的播放/暂停、切歌这些控制操作，完美适配你的场景。

简单说下大致的使用步骤，你可以参考：

• 先通过包管理器安装插件：npm install capacitor-media-session 或者 yarn add capacitor-media-session
• 安装完成后同步Capacitor的原生配置：npx cap sync
• 在你的React代码里，调用插件的API初始化媒体会话，比如设置当前播放的媒体信息、绑定播放/暂停、上一曲/下一曲的事件回调，这样锁屏和通知中心的操作就能同步触发你的播放器逻辑了。

这个插件已经把原生层面的实现都封装好了，你只需要在React代码里调用对应的方法就行，完全不用碰Java/Kotlin或者Swift代码，刚好匹配你不想写原生代码的需求。

内容来源于stack exchange