tencent cloud

PrevNext

フィードバック

キーワードで検索してください

Recent Pages

ドキュメント
Tencent Real-Time Communication
    ドキュメント
    Download PDF

    React Native

    最終更新日:2024-07-19 15:01:26
    PDFファイルをダウンロード
      ここでは、主にTencent Cloud TRTC SDK(React Native)をプロジェクトに素早く統合する方法をご紹介します。以下の手順に従って設定すれば、SDKの統合作業を完了できます。

      環境要件

      ReactNative 0.63およびそれ以降のバージョン。
      Node & Watchman。nodeバージョンはv12以上が必要です。
      Android端末向け開発：
      Android Studio 3.5およびそれ以降のバージョン。
      AppにはAndroid 4.1およびそれ以降のバージョンのデバイスが必要です。
      Java Development Kit iOS & macOS端末向け開発：
      Xcode 11.0およびそれ以降のバージョン。
      osxシステムには10.11およびそれ以降のバージョンが必要です。
      プロジェクトが有効な開発者による署名を設定済みであることを確認してください。
      環境構築については、公式ドキュメントをご参照ください。

      SDKの統合

      ReactNative SDKは、npmですでに公開されています。package.jsonを設定することでセットアップできます。
      1. プロジェクトのpackage.jsonに以下の依存を書き入れます。
      "dependencies": {
        "trtc-react-native": "^2.0.0"
      },
      2. カメラとマイクの許可が有効になると、音声通話機能が起動します。
      Android端末
      iOS端末
      1. AndroidManifest.xmlの中でAppの権限を設定します。TRTC SDKでは以下の権限が必要です。
      <uses-permission android:name="android.permission.INTERNET" />
      <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
      <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
      <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
      <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
      <uses-permission android:name="android.permission.RECORD_AUDIO" />
      <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
      <uses-permission android:name="android.permission.BLUETOOTH" />
      <uses-permission android:name="android.permission.CAMERA" />
      <uses-permission android:name="android.permission.READ_PHONE_STATE" />
      <uses-feature android:name="android.hardware.camera" />
      <uses-feature android:name="android.hardware.camera.autofocus" />
      ご注意：
      android:hardwareAccelerated="false"は設定しないでください。ハードウェアアクセラレーションを無効にすると、相手側のビデオストリームがレンダリングできなくなります。
      2. Android端末のオーディオ/ビデオの権限は手動でリクエストする必要があります。
      if (Platform.OS === 'android') {
        await PermissionsAndroid.requestMultiple([
       PermissionsAndroid.PERMISSIONS.RECORD_AUDIO, //オーディオが必要
       PermissionsAndroid.PERMISSIONS.CAMERA, //ビデオが必要
        ]);
      }
      1. Info.plistにカメラとマイクの許可申請を追加する必要があります。
      <key>NSCameraUsageDescription</key>
      <string>通常のビデオ通話が行えるようにカメラを許可します</string>
      <key>NSMicrophoneUsageDescription</key>
      <string>通常の音声通話が行えるようにマイクの権限を承認します</string>
      2. react nativeライブラリについては、react native librariesをご参照ください。
      お問い合わせ

      カスタマーサービスをご提供できるため、ぜひお気軽にお問い合わせくださいませ。

      お問い合わせ
      テクニカルサポート

      さらにサポートが必要な場合は、サポートチケットを送信して弊社サポートチームにお問い合わせください。24時間365日のサポートをご提供します。

      チケットを送信
      電話サポート（24 時間365日対応）
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      個人情報保護方針利用規約クッキーポリシー