当前位置 : 主页 > 网页制作 > React >

react-native – 无法以本机方式访问本地媒体

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在学习一些关于webRTC和react-native的信息,我正在尝试在一个本机应用程序中加载webRTC演示站点. 所以我把它放在index.android.js中: import React, {Component} from 'react';import {AppRegistry, StyleSh
我正在学习一些关于webRTC和react-native的信息,我正在尝试在一个本机应用程序中加载webRTC演示站点.

所以我把它放在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加载时,我得到以下消息:
“无法访问本地媒体.错误名称为NotAllowedError”
我尝试将以下权限添加到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应用程序中加载演示应用程序

查看Android api文档后,似乎WebView没有正确实现底层的getUserMedia()chrome API.

Source

由于没有实现android API,反应原生api也无法正常工作.

网友评论