如何实现退出Android应用后WebView仍可后台播放音频

核心实现逻辑：WebView依附的组件被系统回收时会自动终止所有媒体播放，因此需要通过前台服务托管WebView实例，避免进程被系统查杀，同时正确配置WebView媒体播放参数，不要主动触发WebView的暂停逻辑。

步骤1：配置Manifest权限与服务声明 #

首先在AndroidManifest.xml中添加必要权限，注册前台服务：

<!-- 基础网络权限（WebView加载页面必需） -->
<uses-permission android:name="android.permission.INTERNET" />
<!-- 前台服务基础权限（Android 8.0+必需） -->
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
<!-- Android 12+必需：声明媒体播放类前台服务权限 -->
<uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />

<application
    ...>
    <!-- 你的主Activity声明 -->
    <activity
        android:name=".MainActivity"
        android:exported="true">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

    <!-- 注册托管WebView的前台服务 -->
    <service
        android:name=".WebViewAudioService"
        android:exported="false"
        android:foregroundServiceType="mediaPlayback" />
</application>

步骤2：实现托管WebView的前台服务 #

不要把WebView直接绑定在Activity上——Activity退到后台/被销毁时，依附的WebView会被系统回收。将WebView初始化在前台服务中，只要服务存活，音频就不会中断：

class WebViewAudioService : Service() {
    private lateinit var webView: WebView
    private val PLAY_CHANNEL_ID = "webview_audio_channel"
    private val PLAY_NOTIFICATION_ID = 1001

    override fun onCreate() {
        super.onCreate()
        // 创建前台服务通知（Android 要求前台服务必须展示常驻通知）
        createNotificationChannel()
        val playNotification = NotificationCompat.Builder(this, PLAY_CHANNEL_ID)
            .setContentTitle("音频播放中")
            .setContentText("应用正在后台运行")
            .setSmallIcon(R.mipmap.ic_launcher)
            .setOngoing(true)
            .build()
        startForeground(PLAY_NOTIFICATION_ID, playNotification)

        // 初始化WebView，必须使用Application Context避免内存泄漏
        webView = WebView(applicationContext)
        val webSettings = webView.settings
        // 基础配置
        webSettings.javaScriptEnabled = true
        webSettings.domStorageEnabled = true
        // 关闭必须用户手势才能触发媒体播放的限制
        webSettings.mediaPlaybackRequiresUserGesture = false
        webSettings.setLayerType(View.LAYER_TYPE_HARDWARE, null)
        webView.webChromeClient = WebChromeClient()

        // 替换为你实际需要加载的播放页面地址
        webView.loadUrl("https://your-audio-page-url.com")
    }

    private fun createNotificationChannel() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            val channel = NotificationChannel(
                PLAY_CHANNEL_ID,
                "后台音频播放",
                NotificationManager.IMPORTANCE_LOW
            )
            val notificationManager = getSystemService(NotificationManager::class.java)
            notificationManager.createNotificationChannel(channel)
        }
    }

    override fun onBind(intent: Intent?): IBinder? = null

    override fun onDestroy() {
        super.onDestroy()
        // 服务销毁时必须回收WebView资源，避免内存泄漏
        webView.apply {
            stopLoading()
            removeAllViews()
            destroy()
        }
    }
}

步骤3：在Activity中触发服务启动 #

当用户退到后台/关闭Activity时，启动前台服务接管播放逻辑，注意不要在生命周期回调中主动暂停WebView：

class MainActivity : AppCompatActivity() {
    private lateinit var webView: WebView
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Activity内的WebView仅做前台展示使用
        webView = findViewById(R.id.web_view)
        val webSettings = webView.settings
        webSettings.javaScriptEnabled = true
        webSettings.domStorageEnabled = true
        webSettings.mediaPlaybackRequiresUserGesture = false
        webView.webChromeClient = WebChromeClient()
        webView.loadUrl("https://your-audio-page-url.com")
    }

    override fun onUserLeaveHint() {
        super.onUserLeaveHint()
        // 用户按Home键/切换应用退到后台时，启动前台服务托管播放
        val playIntent = Intent(this, WebViewAudioService::class.java)
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            startForegroundService(playIntent)
        } else {
            startService(playIntent)
        }
    }

    override fun onBackPressed() {
        // 按返回键退出Activity时同样启动服务，不要直接销毁进程
        val playIntent = Intent(this, WebViewAudioService::class.java)
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            startForegroundService(playIntent)
        } else {
            startService(playIntent)
        }
        super.onBackPressed()
    }

    override fun onPause() {
        super.onPause()
        // 注意：不要在这里调用 webView.onPause() 或 webView.pauseTimers()
        // 这两个方法会全局暂停WebView的媒体播放和JS执行，直接导致音频中断
    }
}

关键注意事项 #

• 禁止在Activity的生命周期回调中调用webView.pauseTimers()、webView.onPause()方法，这是多数开发者遇到后台播放中断的核心原因
• Android 12及以上版本必须为前台服务声明mediaPlayback类型，否则会触发系统崩溃
• 如果播放页面需要登录态，需要将Activity内WebView的Cookie同步到服务内的WebView实例，避免加载时跳转登录页
• 用户主动停止播放时，记得调用stopService()终止服务，及时回收WebView资源，避免后台耗电

内容的提问来源于stack exchange，提问作者sidharth P.L