facebook twitter hatena line email

「Unity/Agora/voicechat community」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
行1: 行1:
 
[[Unity/Agora/voicechat community/インストール]]
 
[[Unity/Agora/voicechat community/インストール]]
==デモから音声通話サンプル作成==
 
VoiceScene.unityを追加して、VoiceScene.csを作成して、VoiceScene.unityのMainCameraへ追加
 
<pre>
 
using UnityEngine;
 
  
public class VoiceScene : MonoBehaviour
+
[[Unity/Agora/voicechat community/デモ通話]]
{
+
    void Start()
+
    {
+
#if !UNITY_EDITOR && UNITY_WEBGL
+
        string AppID = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
+
        TestHelloUnityVideo app = null;
+
        // create app if nonexistent
+
        if (ReferenceEquals(app, null))
+
        {
+
            app = new TestHelloUnityVideo(); // create app
+
            app.loadEngine(AppID); // load engine
+
        }
+
        string ChannelName = "testchannel";
+
        bool enableVideo = false;
+
        bool muted = false;
+
        app.join(ChannelName, enableVideo, muted);
+
#endif
+
    }
+
}
+
</pre>
+
Assets/AgoraEngine/Demo/AudioVideoState.csのフラグを追加
+
<pre>
+
public class AudioVideoStates
+
{
+
    public bool subAudio = true;
+
    public bool subVideo = false;
+
    public bool pubAudio = true;
+
    public bool pubVideo = false;
+
}
+
</pre>
+
#Assets/AgoraEngine/Demo/TestHelloUnityVideo.csのjoin()内の、SetupInitState();を削除
+
#AssetsAgoraEngine/Prefabs/AgoraEventHandlerを、ロードSceneに追加しておく。
+
 
+
===切断処理===
+
<pre>
+
public void Disconnect()
+
{
+
    if (!ReferenceEquals(app, null))
+
    {
+
        app.leave(); // leave channel
+
        app.unloadEngine(); // delete engine
+
        app = null; // delete app
+
    }
+
}
+
</pre>
+
===ビルド後html表示時に"NullReferenceException"エラーとなる場合===
+
エラー詳細
+
webgl_project_audio.framework.js:3 NullReferenceException: Object reference not set to an instance of an object.
+
Assets/AgoraEngine/Demo/TestHelloUnityVideo.csのjoin()内の、SetupInitState();を削除
+
 
+
===AgoraTemplate2020が適用されない===
+
*Assets/WebGLTemplates/AgoraTemplate2020があるか確認する。
+
*PCを再起動する
+
  
 
==デモから画面共有サンプル作成==
 
==デモから画面共有サンプル作成==

2022年11月2日 (水) 17:39時点における版

Unity/Agora/voicechat community/インストール

Unity/Agora/voicechat community/デモ通話

デモから画面共有サンプル作成

DevDemo側サンプルソース解析

  • SceneFuncTests.unityのApi_testHelperのGameObjectのFunctionalTest/DevDemo/Test/DVC_ShareScreen.csが、画面共有ソース
  • TestHome.csのonJoinButtonClicked()からシーン移動している
  • FunctionalTest/DevDemo/SceneHome2のボタンで、移動できる。

以下"SceneFuncTests"がロードできないというエラーとなる場合

以下エラーとなる場合

'SceneFuncTests' couldn't be loaded because it has not been added to the build settings or the AssetBundle has not been loaded.

To add a scene to the build settings use the menu File->Build Settings... PlayerSettingのSceneInBuildにSceneFuncTests.unityを追加すると良い。

以下"SceneFuncTests"がロードできないというエラーとなる場合

以下エラーとなる場合

clientmanager.js:862 Note this API should be replaced by startScreenCaptureForWeb instead.

Agora_Unity_WebGL/[build_path]/AgoraWebSDK/libs/clientmanager.js

startScreenCaptureByDisplayId()はNGで、startScreenCaptureForWebに置き換えるようなエラーが出る。

以下の方だとstartScreenCaptureForWebを、実行するサンプルがあるのでそちらを確認する。

  • Assets/FunctionalTest/NewScreenShareClientManager/AgoraClientManager.cs
  • Assets/FunctionalTest/NewScreenShareMChannel/AgoraMultiChannel2.cs

NewScreenShareClientManager側サンプルソース解析

  • StartScreenButtonを押す
  • ClientManagerTestシーンは、背景のぼかしオン・オフができる。配信前に画面確認ができない。
  • MainScreenNewシーンは、背景のぼかしオンができる。オフができない。配信前に画面確認ができる。
  • NewScreenShareClientチェックは、画面共有時に、動画配信とは別のwindowを開く感じ。その際、画面共有接続には、SCREEN_SHARE_IDが使われる。
  • ドラッグ移動するコード。makeVideoView()とmakeImageSurface()ののどちらかが.AddComponent<UIElementDragger>();されてること。

"PERMISSION_DENIED"エラーが出た場合

エラー詳細

AgoraRTCException: AgoraRTCError PERMISSION_DENIED: NotAllowedError: Permission denied by system
  1. macの場合は、macの設定/セキュリティとプライバシー/プライバシー/画面収録/Chromeをonに

配信元画面の大きさを変更

videoSurface.GetComponent<RawImage>().rectTransform.sizeDelta = v2 * 2f;

配信先画面の大きさを変更

if (remote)
{
    Vector2 v2 = AgoraUIUtils.GetScaledDimension(640, 360, EnforcingViewLength);
    videoSurface.GetComponent<RawImage>().rectTransform.sizeDelta = v2 * 2f;
    remoteUserDisplays.Add(videoSurface.gameObject);
    UserVideoDict[uid] = videoSurface;
}

ハンドラ

channel1.ChannelOnJoinChannelSuccess = Channel1OnJoinChannelSuccessHandler; // 自分が接続開始
channel1.ChannelOnLeaveChannel = Channel1OnLeaveChannelHandler; // 自分が退出時
channel1.ChannelOnUserJoined = Channel1OnUserJoinedHandler; // 別ユーザが接続してきたとき
channel1.ChannelOnError = Channel1OnErrorHandler; // エラー時
channel1.ChannelOnUserOffLine = ChannelOnUserOfflineHandler; // 別ユーザーの接続が終了したとき
channel1.ChannelOnScreenShareStarted = screenShareStartedHandler_MC; // 自分が映像開始時
channel1.ChannelOnScreenShareStopped = screenShareStoppedHandler_MC; // 自分が映像停止時
channel1.ChannelOnScreenShareCanceled = screenShareCanceledHandler_MC; // 自分が映像キャンセル時
channel1.ChannelOnVideoSizeChanged = onVideoSizeChanged_MCHandler; // 映像サイズ変更時

映像の背景ぼやかす

AgoraMultiChannel2のenableVirtualBackground()を動作させる。

"getDisplayMedia"のセキュリティエラーが出る場合

エラー詳細

AgoraRTCException: AgoraRTCError UNEXPECTED_ERROR: SecurityError: Failed to execute 'getDisplayMedia' on 'MediaDevices': Access to the feature "display-capture" is disallowed by permission policy.

chrome ver94以降だとこのエラーが出るっぽい。iframeを使用しないようにするか、iframeタグないに属性をつけるかすればよい。

参考:https://trailblazer.salesforce.com/issues_view?id=a1p4V0000029erUQAQ&title=domexception-failed-to-execute-getdisplaymedia-on-mediadevices-access-to-the-feature-display-capture-is-disallowed-by-permission-policy