Android WebView实现WebRTC麦克风权限弹窗（仿Chrome行为）

阿华AIGC实验室

2026-5-21

嗨，我来帮你搞定Android WebView里WebRTC麦克风权限弹窗的问题！要实现类似Chrome的授权体验，得从权限配置、WebView拦截请求到自定义弹窗这几个关键步骤入手，我一步步给你拆解：

第一步：配置必要的权限

首先得在AndroidManifest.xml里声明麦克风权限和网络权限，毕竟要加载网页还要访问硬件：

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />

另外，Android 6.0（API 23）及以上需要动态申请RECORD_AUDIO权限，所以在加载WebView之前，得先检查权限状态，没授权的话先弹系统权限请求。

第二步：用WebChromeClient拦截Web权限请求

WebView默认的权限弹窗很简陋，要实现Chrome风格的自定义弹窗，核心是重写WebChromeClient的onPermissionRequest方法——这个方法会在网页请求媒体权限（比如麦克风）时被触发。

这里有个关键细节：一定要先处理系统动态权限，再拦截WebView的权限请求，不然即使你弹了自定义弹窗，系统层面没授权的话还是会失败。

第三步：实现自定义权限弹窗（类似Chrome风格）

我们可以用AlertDialog来打造和Chrome一致的授权弹窗，让用户明确知道哪个网站在请求权限，以及权限用途。下面是完整的代码示例：

首先，在你的Activity里初始化WebView并设置相关配置：

private WebView mWebView;
private static final int REQUEST_RECORD_AUDIO_PERMISSION = 100;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mWebView = findViewById(R.id.webview);
    WebSettings webSettings = mWebView.getSettings();
    
    // 启用JavaScript（WebRTC必须依赖JS）
    webSettings.setJavaScriptEnabled(true);
    // 允许加载混合内容（如果目标网站是HTTPS但有HTTP资源的话）
    webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
    // 允许媒体自动播放（可选，根据需求调整）
    webSettings.setMediaPlaybackRequiresUserGesture(false);

    // 检查并请求系统麦克风权限
    if (ContextCompat.checkSelfPermission(this, Manifest.permission.RECORD_AUDIO)
            != PackageManager.PERMISSION_GRANTED) {
        ActivityCompat.requestPermissions(this,
                new String[]{Manifest.permission.RECORD_AUDIO},
                REQUEST_RECORD_AUDIO_PERMISSION);
    } else {
        // 权限已授权，加载目标网页
        loadTargetUrl();
    }

    // 设置自定义WebChromeClient处理权限请求
    mWebView.setWebChromeClient(new WebChromeClient() {
        @Override
        public void onPermissionRequest(final PermissionRequest request) {
            // 遍历请求的权限，判断是否包含麦克风权限
            for (String permission : request.getResources()) {
                if (permission.equals(PermissionRequest.RESOURCE_AUDIO_CAPTURE)) {
                    // 弹出自定义授权弹窗
                    new AlertDialog.Builder(MainActivity.this)
                            .setTitle("麦克风权限请求")
                            .setMessage("网站需要访问你的麦克风以录制音频，是否允许？")
                            .setPositiveButton("允许", (dialog, which) -> {
                                // 授予权限
                                request.grant(request.getResources());
                            })
                            .setNegativeButton("拒绝", (dialog, which) -> {
                                // 拒绝权限
                                request.deny();
                            })
                            .setCancelable(false)
                            .show();
                    return;
                }
            }
            // 如果是其他权限，默认拒绝或按需求处理
            super.onPermissionRequest(request);
        }
    });
}

private void loadTargetUrl() {
    mWebView.loadUrl("https://www.webrtc-experiment.com/RecordRTC/");
}

// 处理系统权限请求的回调
@Override
public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
    super.onRequestPermissionsResult(requestCode, permissions, grantResults);
    if (requestCode == REQUEST_RECORD_AUDIO_PERMISSION) {
        if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
            loadTargetUrl();
        } else {
            // 用户拒绝了系统权限，可以提示用户开启权限
            Toast.makeText(this, "需要麦克风权限才能使用录制功能", Toast.LENGTH_SHORT).show();
        }
    }
}

额外注意事项