Unity + Twitch Extensionsを使って動画配信 https://roppongiunity.connpass.com/event/155076/

1. Unity +
Twitch Extensionsを使って動画配信
ヘッドハイ 一條貴彰

2. 自己紹介：一條貴彰
● 株式会社ヘッドハイ 代表取締役
● 仕事
○ Genvid Technologies Developer Relations
○ CRI ADX2のアンバサダー
○ Play,Doujin! ディレクター
○ Google Indie Games Festival アドバイザリー
● 個人ゲーム開発活動
○ 「Back in 1995」Switch/PS4/PS Vita/Xbox One/N3DS/PC
○ 「デモリッション ロボッツK.K.」 開発中
● 趣味など
○ 80’s洋楽ポップスのレコード収集
○ おめがシスターズ (VTuber)
○ インテレオンの夢おじさん
○ twitter @takaaki_ichijo→

4. Twitchとは
● 動画配信プラットフォーム
○ 生放送が中心
○ ゲームに特化
○ 様々なゲームファン向け機能がある

5. Twitch Extensionsとは
● 動画の上から画像・文字を重ねることができる機能
○ ボタンを載せることもできるので、対話的なインターフェースが作れる
○ ウェブサイトの動画埋め込みと逆で、動画サイトの中にウェブページを埋め込む感覚
● ゲーム開発者が利用するSDK
○ ゲーム側の組み込み
○ 配信者用のプラグイン開発
● Chrome拡張機能を配布する感覚に近い...？

6. アンケート機能（ベセスダショー）

7. CS:GO大会

8. CS:GO大会

9. Twitch Extensionsの利用事例
● CS:GO
○ 試合状況確認
○ 選手の応援ボタン
○ ブラウザで描画されている動画サイト専用のミニマップ
● Devolver Digital E3 2019 show（番組）
○ 動画の上にミニゲーム
■ たまに画面上に気持ち悪い目玉が出てきて、クリックで収集する
● その他FPSや格ゲーなど
○ キャラクタービルドの表示
○ 敵の召喚（投票制）
○ 次のステージの投票
○ コンボの表示

10. Twitch Extensionsを少しさわってみよう

11. Twitch Extensions開発を始めよう
● ドキュメント
○ https://dev.twitch.tv/docs/extensions
● サンプルコード：Github
○ https://github.com/twitchdev/extensions-hello-world
● まずは開発者コンソールからプロジェクトの登録

12. コンソールで拡張機能の新規作成

13. Twitch Developer Rig
● Extensions開発用のシミュレーターアプリ
○ インストーラー https://dev.twitch.tv/docs/extensions
● CreateProjectから新規プロジェクトを作る
● 先ほどコンソールで作成したプロジェクト名を指定する

14. テンプレートからプロジェクト作成

15. プロジェクトの作成成功

16. Developer Rigを使ったテスト
ボタンを押すと
丸の色が変わる

17. Twitch Extensions利用の難点
● 日本語情報が全くない
○ Twitch Japanは技術チームがいないっぽい
○ Amazon AWS系の人に相談すれば海外の担当者につないでくれそう
○ 英語サポート掲示板
■ https://discordapp.com/invite/ZFC9AZy
● 「描画」を提供するが、「通信」は提供しない
○ 自分でサーバーシステムを立てるか、ミドルウェア（後述）を使う
● Extensionsを使う配信は配信者側にも準備が必要
○ OBSなどの配信システム向けのプラグインを提供しなくてはならない
○ そのため、PCゲーム専用機能であることがほとんど

18. Genvidで
動画配信サーバーを立てる

19. Genvid（サーバーミドルウェア）
● Twitch Extensionsは描画部分を担当するもの
● GenvidはゲームとExtensions間の通信部分を担当するもの
○ かつサーバー上で動いているゲーム実行ファイルから動画配信できる
○ 観戦モードでゲームをサーバーで動かしておいて、動画配信できる
○ プレイヤー側には配信環境は不要
● 【Unite Tokyo 2019】ライブ・ストリーミングに参加せよ！ Genvidが変える動画視聴体験
● https://www.slideshare.net/UnityTechnologiesJapan002/unite-tokyo-2019genvid

20. サーバーとGenvidとTwitchの処理の流れ

21. PCからの配信テスト！
https://www.twitch.tv/ichijo_headhigh

22. Twitch Extensions配布で必要なこと
● 配信の組織を登録
○ https://dev.twitch.tv/request-access
○ 2~3日かかります ※開発に必須ではない
● Extensions内容の審査、承認、リリース
○ Chromeの拡張機能配信に近いイメージ
○ 動画視聴者はオプションとしてブラウザの Twitchアカウントに追加できる

23. ご清聴ありがとうございました