<h2 id="Unity製VRアプリからYoutubeに直接映像が飛ばせるって知ってました">Unity製VRアプリからYoutubeに直接映像が飛ばせるって知ってました？</h2>

<p>DVRStreamingを使うと、Oculus Quest, Quest 2, Windowsアプリから直接ゲームプレイ映像等をYouTubeやTwitch等へRTMPで配信する機能を追加することができます。&nbsp;</p>

<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="480" src="https://www.youtube-nocookie.com/embed/i19zEK88t7o?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<p>&nbsp;</p>

<p>&nbsp;</p>

<h2 id="あらゆるVRアプリに好きな姿でダイブできるDMM-VR-Connect連載-4">あらゆるVRアプリに好きな姿でダイブできるDMM VR Connect連載 #4</h2>

<p>あらゆるVRアプリに好きな姿で飛び込みたい！<br />
そう思ったこと、一度はありますよね？<br />
そんな世界を実現する<a href="https://bit.ly/3vmWQJA" target="_blank">DMM VR Connect</a>とその<a href="https://bit.ly/3aBb8hN" target="_blank">SDK</a>について、技術者目線で開発メンバーが全六回の連載でご紹介します。<br />
四回目となる今回は、<a href="https://bit.ly/3aBb8hN" target="_blank">DVRSDK</a>の大きな特徴である配信機能のDVRStreamingについて、<a href="https://bit.ly/3aBb8hN" target="_blank">DVRSDK</a>開発チームの長月ゆきながご紹介します。</p>

<p>前回はこちら▼</p>

<p><a href="https://inside.dmm.com/entry/2021/04/30/DMMVRConnect03">https://inside.dmm.com/entry/2021/04/30/DMMVRConnect03</a><cite><a href="https://inside.dmm.com/entry/2021/04/30/DMMVRConnect03">inside.dmm.com</a></cite></p>

<p id="目次">&nbsp;</p>

<h2 id="自己紹介">自己紹介</h2>

<p><a href="https://github.com/nagatsuki" target="_blank">nagatsuki - Overview｜inside.dmm.com</a></p>

<p>DVRSDK開発チームの長月ゆきな(<a href="https://twitter.com/ngtkd" target="_blank">@ngtkd</a>)です。<a href="https://bit.ly/3aDpRJp" target="_blank">DVRSDK</a>のDVRStreamingでネイティブプラグインとUnityの実装を主に担当しています。<br />
2019年にDVRStreamingの開発依頼であきらさんにお声がけいただき、その後2020年6月からDMM VR labにJoinしました。<br />
今回は、私が開発しているDVRStreamingについてお伝えしていきます。</p>

<p>&nbsp;</p>

<h2 id="DMM-VR-ConnectはあらゆるVRアプリに好きな姿で飛び込めるサービス">DMM VR ConnectはあらゆるVRアプリに好きな姿で飛び込めるサービス</h2>

<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="480" src="https://www.youtube-nocookie.com/embed/saMNJx9HJvM?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div>

<p><a href="https://connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring" target="_blank">https://connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring</a></p>

<p><cite><a href="https://connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring" target="_blank">connect.vrlab.dmm.com</a></cite></p>

<p>&nbsp;</p>

<h2 id="WindowsOculus-QuestQuest2からRTMPで動画を配信する話">Windows/Oculus Quest/Quest2からRTMPで動画を配信する話</h2>

<p>さて、前回(#3)までの連載で、VRMアバターを三人称視点で映せるようになることがお分かりいただけたと思います。<br />
アバターを三人称視点で映せるようになった後はやっぱり、配信できるようにしたいですよね。<br />
ところが用意するほうとしてはこれ、結構ツライんです。<br />
OBS等の配信ソフトウェアをインストールして音声のルーティングを設定してetc&hellip;<br />
Questではさらにツライ。<br />
スタンドアロンが売りのプラットフォームなのに配信のためのPCが必要。<br />
さらにQuestからPCへ映像と音声を送る方法がいくつもあってわけが分からない。<br />
これらの問題をなんとかするのがDVRStreamingです。</p>

<p>&nbsp;</p>

<h2 id="そもそもDVRStreamingとは何ができるのか">そもそもDVRStreamingとは？　何ができるのか？</h2>

<p>Unityのカメラの映像と音声を直接YouTube、Twitch等のRTMP対応配信サービスへ送信します。<br />
OBS等の配信用ソフトウェアは必要ありませんし、Quest版ではQuest単体で完結します。</p>

<p>&nbsp;</p>

<h2 id="使い方">使い方</h2>

<ol>
	<li>CameraにVideoStreamingSourceコンポーネントを追加する</li>
	<li>Audio ListenerにAudioStreamingSourceコンポーネントを追加する</li>
	<li>DVRStreamingプレハブをシーンに設置する</li>
	<li>スクリプトからServerUrlを設定してStartStreamingを呼び出す</li>
</ol>

<p>基本はこれだけです。<br />
DVRSDKにサンプルシーンが入っているので、すぐに試すことができます。<br />
ユーザーはConnectのマイページでストリームキー(配信先)を設定することができます。</p>

<p>&nbsp;</p>

<h2 id="DVRStreamingが内部で何をしているのか">DVRStreamingが内部で何をしているのか</h2>

<ul>
	<li>Unityのカメラから映像を取得</li>
	<li>Unityのオーディオから音声を取得</li>
	<li>映像のエンコード</li>
	<li>音声のエンコード</li>
	<li>Muxer(映像と音声の結合)</li>
	<li>RTMPで配信</li>
</ul>

<p>UnityからYouTube等に配信を行うには以上の処理を全て行う必要があります。<br />
今回はそれぞれ具体的にどのように実装されているのかを詳細に解説します！</p>

<h3 id="Unityでカメラから映像のフレームを取得">Unityでカメラから映像のフレームを取得</h3>

<pre>
<code> private IEnumerator CallPluginAtEndOfFrames()
        {
            RenderTexture renderTexture = spectatorCamera.targetTexture;
            NativeMethods.SetTextureFromUnity(renderTexture.GetNativeTexturePtr(), renderTexture.width, renderTexture.height);

            while (true)
            {
                yield return new WaitForEndOfFrame();

                GL.IssuePluginEvent(NativeMethods.GetRenderEventFunc(), 1);
            }
        }</code></pre>

<p>コルーチンでレンダリングが終了している<a href="https://docs.unity3d.com/ja/2018.4/Manual/ExecutionOrder.html" target="_blank">End of frame</a>まで待って<a href="https://docs.unity3d.com/ja/2018.4/ScriptReference/GL.IssuePluginEvent.html" target="_blank">GL.IssuePluginEvent</a>を実行すると、レンダリングスレッドでプラグインが呼び出されます。<br />
GLESのコンテキストはスレッドに結び付けられていて他のスレッドからは利用できないので、これ重要です。 　</p>

<h3 id="Unityでオーディオから音声のデータを取得">Unityでオーディオから音声のデータを取得</h3>

<pre>
<code> private void OnAudioFilterRead(float[] sampleData, int channels)
        {
            GCHandle pinnedSampleData = GCHandle.Alloc(sampleData, GCHandleType.Pinned);
            NativeMethods.AddAudioSamples(pinnedSampleData.AddrOfPinnedObject(), sampleData.Length, channels);
            pinnedSampleData.Free();
        }</code></pre>

<p>Audio Listenerと同じGameObjectに<a href="https://docs.unity3d.com/ja/2018.4/ScriptReference/MonoBehaviour.OnAudioFilterRead.html" target="_blank">OnAudioFilterRead</a>を定義すると、一定時間ごとに呼び出されます。<br />
本来、sampleDataを変更してエフェクトをかけるために使われるのですが、ここではプラグインにそのまま渡します。</p>

<p>これで映像と音声の生データが取得できたのでエンコードをしていきます。</p>

<h3 id="映像と音声のエンコードAndroid">映像と音声のエンコード(Android)</h3>

<p>Oculus QuestはAndroidなので、Android用のエンコーダを用意します。スペック的にCPUエンコードでは処理が間に合わないので、H.264のハードウェアエンコーダを直接叩きます。</p>

<ul>
	<li>初期化</li>
</ul>

<p><a href="https://developer.android.com/reference/android/media/MediaCodec" target="_blank">MediaCodec</a>を使うのですが、NDKのネイティブインターフェースでは機能が足りないので泣きながらJNI経由でJava版を使うことになります。 MediaCodec#createInputSurfaceで入力サーフェースを作成し、そこにGLESでUnityから渡されたテクスチャをレンダリングします。</p>

<pre>
<code> EGLint ConfigAttributeList[] = {
        EGL_RED_SIZE, 8,
        EGL_GREEN_SIZE, 8,
        EGL_BLUE_SIZE, 8,
        EGL_ALPHA_SIZE, 8,
        EGL_RENDERABLE_TYPE, EGL_OPENGL_ES2_BIT,
        EGL_RECORDABLE_ANDROID, 1,
        EGL_NONE,
    };
    eglChooseConfig(Display, ConfigAttributeList, &amp;Config, 1, &amp;NumConfig);</code></pre>

<p>GLES(EGL)の初期化処理の一部分ですが、<a href="https://www.khronos.org/registry/EGL/extensions/ANDROID/EGL_ANDROID_recordable.txt" target="_blank">EGL_RECORDABLE_ANDROID</a>という謎の属性が指定されています。<br />
これがないと、何のエラーもないけどなぜかMediaCodecが動かないという問題に苦しむことになるのですが、MediaCodecのドキュメントには一切書かれていない。つらい。</p>

<ul>
	<li>映像のフレームを渡す</li>
</ul>

<p>GL.IssuePluginEventから呼び出された関数でサーフェスにテクスチャをレンダリングします。 eglSwapBuffersを呼び出すと、エンコードが始まります。</p>

<ul>
	<li>音声のデータを渡す</li>
</ul>

<p>Unityから渡されたバッファをMediaCodecに渡してエンコードするだけ&hellip;と言いたいところですが、そうはいきませんでした。 Unityのサンプリングレートは48kHz固定となっていますが、RTMPでサポートされているのは44.1kHzまでです。 また、32bit浮動小数点数を16bit整数へ変換する必要があります(Quest 2対策)。 DVRStreamingでは<a href="http://www.mega-nerd.com/SRC/" target="_blank">libsamplerate</a>を使用して変換しています。</p>

<h3 id="映像と音声のエンコードWindows">映像と音声のエンコード(Windows)</h3>

<p>Windows版でもパフォーマンスのためにハードウェアエンコーダのNVENCを使用する目的で、MediaFoundationを使用します。</p>

<ul>
	<li>初期化</li>
</ul>

<p>公式の<a href="https://docs.microsoft.com/en-us/windows/win32/medfound/basic-mft-processing-model" target="_blank">Basic MFT Processing Model</a>、<a href="https://docs.microsoft.com/en-us/windows/win32/medfound/asynchronous-mfts" target="_blank">Asynchronous MFTs</a>を参考に実装していったわけですが、謎の現象に悩まされまくります。</p>

<p><a href="https://docs.microsoft.com/en-us/windows/win32/medfound/asynchronous-mfts#unlocking-asynchronous-mfts" target="_blank">Unlocking Asynchronous MFTs</a>には</p>

<blockquote>
<p>Until the client unlocks the MFT, all IMFTransform methods should return MF_E_TRANSFORM_ASYNC_LOCKED, with the following exceptions:<br />
- IMFTransform::GetAttributes (all asynchronous MFTs)<br />
- IMFTransform::GetInputAvailableType (all asynchronous MFTs)<br />
- IMFTransform::GetOutputCurrentType (encoders only)<br />
- IMFTransform::SetOutputType (encoders only)<br />
- IMFTransform::GetStreamCount (all asynchronous MFTs)<br />
- IMFTransform::GetStreamIDs (all asynchronous MFTs)</p>
</blockquote>

<p>と書かれていますが、NVIDIAのMFTでUnlock前にGetStreamIDsを呼ぶとMF_E_TRANSFORM_ASYNC_LOCKEDが帰ってきます。なんで？</p>

<p>IntelのMFTでIMFTransform::GetInputAvailableTypeで帰ってきたフォーマットをIMFTransform::SetInputTypeに渡してもMF_E_INVALIDMEDIATYPEが帰ってきて動作しない。もうやだ。</p>

<ul>
	<li>映像のフレームを渡す</li>
</ul>

<pre>
<code>Microsoft::WRL::ComPtr&lt;IMFSample&gt; Sample;
    MFCreateSample(&amp;Sample);
    Sample-&gt;AddBuffer(MediaBuffer.Get());
    Sample-&gt;SetSampleTime(TimestampUs * 10);

    EncoderMFT-&gt;ProcessInput(InputStreamID, Sample.Get(), 0);</code></pre>

<p>基本はこんな感じです。 実際には映像が上下反転していたり、色が青と赤が逆になったりと謎現象が起きるので、シェーダーで補正しています。</p>

<ul>
	<li>音声のデータを渡す</li>
</ul>

<p>Android版と同様に44.1kHzにリサンプリングする必要があるのですが、標準で<a href="https://docs.microsoft.com/en-us/windows/win32/medfound/audioresampler" target="_blank">Audio Resampler DSP</a>が用意されているので、それを使っています。</p>

<h3 id="Muxer映像と音声の結合してRTMPで配信">Muxer(映像と音声の結合)してRTMPで配信</h3>

<p>DVRStreamingのRTMP実装は<a href="https://github.com/ossrs/srs-librtmp" target="_blank">srs-librtmp</a>ベースに改造したものを使用しています。</p>

<p>ここまで全て実装すると、やっとUnityからYouTubeやTwitchに直接配信が可能になります。</p>

<p>&nbsp;</p>

<h2 id="実装していてしんどかったポイント">実装していてしんどかったポイント</h2>

<ul>
	<li>
	<p>ネイティブプラグインの開発しんどい<br />
	ひたすらUnity Editorが落ちます。落ちまくります。 また、プラグインのDLLをUnity Editorが掴みっぱなしにするのでエディタを終了しないと更新もできません。</p>
	</li>
	<li>
	<p>Texture2D.ReadPixelsが死ぬほど遅い 1280x720の画像で28msとかかかります。72fpsで13msなので無理。</p>
	</li>
	<li>
	<p>音関係がOculus Questでは動いていたのにQuest2で動かなかった<br />
	KEY_PCM_ENCODINGでENCODING_PCM_FLOATを指定してUnityから渡されたfloatをそのまま渡していたのですが、Quest 2のAACエンコーダでは動きません。 16bit整数に変換してからエンコーダに渡して回避しました。 Quest 2対応まで時間がかかった原因がこれです。</p>
	</li>
</ul>

<p>&nbsp;</p>

<h2 id="まとめ">まとめ</h2>

<p>Unityから直接RTMP配信するにはかなりたくさんの難所を超える必要がありました。<br />
特にスタンドアローン機のOculus Quest2でも動くのが売りです。<br />
DVRSDKにはこれら難しいことすべてが実装済みなのでぜひ使ってみてください！<br />
Oculus Quest単体でアバター配信するところまで実装できちゃいます。</p>

<p>ぜひ皆さんもデベロッパー登録してアプリを作ってみてください！&nbsp;</p>

<p><a href="https://devs.connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring" target="_blank">https://devs.connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring</a></p>

<p><cite><a href="https://devs.connect.vrlab.dmm.com/?utm_source=inside_4&amp;utm_medium=referral&amp;utm_campaign=dvrsdk_spring" target="_blank">devs.connect.vrlab.dmm.com</a></cite></p>

<p>&nbsp;</p>

<p>もし実装で困った時は、DMM VR lab公式DiscordサーバーのDMM VR lab Communityで気軽にお問い合わせください！</p>

<p><a href="https://discord.com/invite/cMHTQJprVV" target="_blank">Discord - A New Way to Chat with Friends &amp; Communities｜inside.dmm.com</a></p>


VRアプリから直接YouTubeに動画配信できるDMM VR Connect #4

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM地方創生

DMM.make AKIBA

DMM.make 3Dプリント

Seamoon Protcol by DM2C Studio

ONE DAY DESIGN

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Algoage

DMM EV CHARGE

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

Web3

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

インフラ

アミューズメント

同人

サーバサイド

バックエンド

フロントエンド

ネットワーク

セキュリティ

配信基盤

ペイメント

Android

データベース

ビッグデータ

フルスタック

データ分析

機械学習

プロトタイピング

グラフィックデザイン

3DCG

モーショングラフィック

プロダクトデザイン

コピーライティング

サービスデザイン

コンテンツ管理・制作

ブランディング

マーケティング

企画

編集

営業

プロモーション

VRアプリから直接YouTubeに動画配信できるDMM VR Connect #4

シェア

関連する記事

関連する求人