プレイヤー Web ページをカスタマイズする

ストリーミングで映像とオーディオを再生する Web ページをカスタマイズする方法および、このページと UE5 アプリケーション間でイベントを交換する方法。

フロントエンドのカスタマイズに関する情報は「Pixel Streaming Infrastructure」に移動されました。

フロントエンド

フロントエンドとは、Web ブラウザで実行され、Unreal Engine の Pixel Streaming アプリケーションへの接続とやり取りを可能にする HTML、CSS、画像、JavaScript / TypeScript コードを指します。フロントエンド ライブラリは、目的とする Pixel Streaming 体験のニーズに合わせてデベロッパーが変更したり拡張したりできる基盤です。

デフォルトのフロントエンド。

フロントエンドの [Settings (設定)] パネル。

フロントエンド ライトモードの [Settings (設定)] パネル。

有効なストリーム接続を含むフロントエンド。

場所

Pixel Streaming のフロントエンド要素に関するすべての最新情報は、当社の新しい Pixel Streaming Infrastructure リポジトリに格納されています。 Pixel Streaming フロントエンドをカスタマイズする場合は、「プレイヤー Web ページをカスタマイズする」を参照してください。

理由

「プレイヤー Web ページをカスタマイズする」ドキュメントを Pixel Streaming Infrastructure に移動することで、Unreal Engine のリリースと切り離して、更新情報をオンザフライでより頻繁に提供することができます。Pixel Streaming フロントエンドの発展に合わせて、その関連情報を更新していく予定です。 Pixel Streaming Infrastructure を定期的にご覧になり、フロントエンドに関する最新情報を確認してください。

以前のバージョンからの変更点

以前のバージョンでは、Pixel Streaming フロントエンドは「app.js」および「webrtcplayer.js」という 2 つのモノリシックな Javascript ファイルに依存していました。これによってユーザーによる拡張が困難になり、フロントエンドの変更を試みるユーザーにとって良い参考資料とは言えませんでした。加えて、当社でもそのメンテナンスが困難でした。

Unreal Engine 5.2 では、これらをフロントエンドがモジュールに分割されて拡張しやすい TypeScript ライブラリに移動しました。

Unreal Engine 5.2 より前のバージョンをお使いのユーザーにとってこの移行は大きな変更となりますが、当社では以降のすべてのバージョンで安定した API サーフェスを提供し、リリースにセマンティック バージョニングを活用することを意図しています。

Unreal Engine のドキュメントを改善するために協力をお願いします!どのような改善を望んでいるかご意見をお聞かせください。
調査に参加する
キャンセル