Question

我正在学习一些关于webRTC和react-native的信息，并且我正在尝试将webRTC演示站点加载到react-native应用程序中。

所以我把它放在index.android.js：

中

import React, {Component} from 'react';
import {AppRegistry, StyleSheet, Text, WebView} from 'react-native';

export default class testRTC extends Component {
  render() {
    return (
      <WebView
        source={{uri:'https://appr.tc/r/<Any random room number>'}}
        />
    );
  }
}

AppRegistry.registerComponent('testRTC', () => testRTC);

但是当运行react-native run-android时，当WebView加载时，我得到以下消息：＆＃34;无法访问本地媒体。错误名称为NotAllowedError＆＃34; 我已尝试将以下权限添加到AndroidManifest.xml中，不成功：

    <uses-permission android:name="android.permission.CAMERA" />
    <uses-feature android:name="android.hardware.camera" />
    <uses-feature android:name="android.hardware.camera.autofocus"/>

    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.WAKE_LOCK" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

我试图低估我失踪的内容，以便我可以在testRTC react-native app中加载演示应用

Answer 1

浏览Android api文档后，似乎WebView没有正确实现底层的getUserMedia（）chrome API。

Source

由于未实现android API，因此react native api也无法正常工作。

无法通过本机<webview>访问本地媒体

1 个答案: