SlideShare a Scribd company logo
Unity +
Twitch Extensionsを使って動画配信
ヘッドハイ 一條貴彰
自己紹介:一條貴彰
● 株式会社ヘッドハイ 代表取締役
● 仕事
○ 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→
Unity + Twitch Extensionsを使って動画配信
Twitchとは
● 動画配信プラットフォーム
○ 生放送が中心
○ ゲームに特化
○ 様々なゲームファン向け機能がある
Twitch Extensionsとは
● 動画の上から画像・文字を重ねることができる機能
○ ボタンを載せることもできるので、対話的なインターフェースが作れる
○ ウェブサイトの動画埋め込みと逆で、動画サイトの中にウェブページを埋め込む感覚
● ゲーム開発者が利用するSDK
○ ゲーム側の組み込み
○ 配信者用のプラグイン開発
● Chrome拡張機能を配布する感覚に近い...?
アンケート機能(ベセスダショー)
CS:GO大会
CS:GO大会
Twitch Extensionsの利用事例
● CS:GO
○ 試合状況確認
○ 選手の応援ボタン
○ ブラウザで描画されている動画サイト専用のミニマップ
● Devolver Digital E3 2019 show(番組)
○ 動画の上にミニゲーム
■ たまに画面上に気持ち悪い目玉が出てきて、クリックで収集する
● その他FPSや格ゲーなど
○ キャラクタービルドの表示
○ 敵の召喚(投票制)
○ 次のステージの投票
○ コンボの表示
Twitch Extensionsを少しさわってみよう
Twitch Extensions開発を始めよう
● ドキュメント
○ https://dev.twitch.tv/docs/extensions
● サンプルコード:Github
○ https://github.com/twitchdev/extensions-hello-world
● まずは開発者コンソールからプロジェクトの登録
コンソールで拡張機能の新規作成
Twitch Developer Rig
● Extensions開発用のシミュレーターアプリ
○ インストーラー https://dev.twitch.tv/docs/extensions
● CreateProjectから新規プロジェクトを作る
● 先ほどコンソールで作成したプロジェクト名を指定する
テンプレートからプロジェクト作成
プロジェクトの作成成功
Developer Rigを使ったテスト
ボタンを押すと
丸の色が変わる
Twitch Extensions利用の難点
● 日本語情報が全くない
○ Twitch Japanは技術チームがいないっぽい
○ Amazon AWS系の人に相談すれば海外の担当者につないでくれそう
○ 英語サポート掲示板
■ https://discordapp.com/invite/ZFC9AZy
● 「描画」を提供するが、「通信」は提供しない
○ 自分でサーバーシステムを立てるか、ミドルウェア(後述)を使う
● Extensionsを使う配信は配信者側にも準備が必要
○ OBSなどの配信システム向けのプラグインを提供しなくてはならない
○ そのため、PCゲーム専用機能であることがほとんど
Genvidで
動画配信サーバーを立てる
Genvid(サーバーミドルウェア)
● Twitch Extensionsは描画部分を担当するもの
● GenvidはゲームとExtensions間の通信部分を担当するもの
○ かつサーバー上で動いているゲーム実行ファイルから動画配信できる
○ 観戦モードでゲームをサーバーで動かしておいて、動画配信できる
○ プレイヤー側には配信環境は不要
● 【Unite Tokyo 2019】ライブ・ストリーミングに参加せよ! Genvidが変える動画視聴体験
● https://www.slideshare.net/UnityTechnologiesJapan002/unite-tokyo-2019genvid
サーバーとGenvidとTwitchの処理の流れ
PCからの配信テスト!
https://www.twitch.tv/ichijo_headhigh
Twitch Extensions配布で必要なこと
● 配信の組織を登録
○ https://dev.twitch.tv/request-access
○ 2~3日かかります ※開発に必須ではない
● Extensions内容の審査、承認、リリース
○ Chromeの拡張機能配信に近いイメージ
○ 動画視聴者はオプションとしてブラウザの Twitchアカウントに追加できる
ご清聴ありがとうございました

More Related Content

PDF
UE4を用いたTPS制作事例 EDF:IR 地球を衛る兵士の歩き方
PDF
豚×京都 ~UE4でなろう破壊神~ (UE4 VFX Art Dive)
PPTX
ノンプログラミングで始めるAR (HoloLens 2 / ARCore / ARKit) 開発 with MRTK
PDF
Visual Dataprepで建築データを美味しく下ごしらえ UNREAL FEST EXTREME 2021 SUMMER
PPTX
はじめてのUniRx
PDF
第4回UE4勉強会 in 大阪 UE4でのチーム製作
PDF
全部知ってたらTwinmotionマスター!TwinmotionのぷちTips・テクニック
PDF
Unreal Engine 4を使って地球を衛る方法
UE4を用いたTPS制作事例 EDF:IR 地球を衛る兵士の歩き方
豚×京都 ~UE4でなろう破壊神~ (UE4 VFX Art Dive)
ノンプログラミングで始めるAR (HoloLens 2 / ARCore / ARKit) 開発 with MRTK
Visual Dataprepで建築データを美味しく下ごしらえ UNREAL FEST EXTREME 2021 SUMMER
はじめてのUniRx
第4回UE4勉強会 in 大阪 UE4でのチーム製作
全部知ってたらTwinmotionマスター!TwinmotionのぷちTips・テクニック
Unreal Engine 4を使って地球を衛る方法

What's hot (20)

PDF
PPTX
UE4のコンポジット機能をもっと深く使ってみた
PPTX
UE4 MultiPlayer Online Deep Dive 基礎編2 -Traveling- (historia様ご講演) #ue4dd
PDF
History & Practices for UniRx UniRxの歴史、或いは開発(中)タイトルの用例と落とし穴の回避法
PPTX
アプリ起動時間高速化 ~推測するな、計測せよ~
PDF
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
PPTX
それを早く言ってよ〜パフォーマンスを出すエフェクト制作のポイント
PPT
Springを使ったwebアプリにリファクタリングしよう
PDF
SceneCapture2Dを使って壁の向こうを見る -気になるあの娘の部屋の壁-
PDF
Riderはいいぞ!
PDF
UniTask入門
PDF
UE4で作成するUIと最適化手法
PPTX
[CEDEC2018] UE4アニメーションシステム総おさらい
PDF
はじめようARCore:自己位置推定・平面検出・FaceTracking
PPTX
未来のプログラミング技術をUnityで -UniRx-
PPTX
UniRxでMV(R)Pパターン をやってみた
PDF
Editor Utility Widget Petit Deep Dive
PDF
Epic Online Services でできること
PPTX
[DL輪読会]Whole-Body Human Pose Estimation in the Wild
PDF
UE4のMediaFrameworkについて
UE4のコンポジット機能をもっと深く使ってみた
UE4 MultiPlayer Online Deep Dive 基礎編2 -Traveling- (historia様ご講演) #ue4dd
History & Practices for UniRx UniRxの歴史、或いは開発(中)タイトルの用例と落とし穴の回避法
アプリ起動時間高速化 ~推測するな、計測せよ~
Spring Boot on Kubernetes : Yahoo!ズバトク事例 #jjug_ccc
それを早く言ってよ〜パフォーマンスを出すエフェクト制作のポイント
Springを使ったwebアプリにリファクタリングしよう
SceneCapture2Dを使って壁の向こうを見る -気になるあの娘の部屋の壁-
Riderはいいぞ!
UniTask入門
UE4で作成するUIと最適化手法
[CEDEC2018] UE4アニメーションシステム総おさらい
はじめようARCore:自己位置推定・平面検出・FaceTracking
未来のプログラミング技術をUnityで -UniRx-
UniRxでMV(R)Pパターン をやってみた
Editor Utility Widget Petit Deep Dive
Epic Online Services でできること
[DL輪読会]Whole-Body Human Pose Estimation in the Wild
UE4のMediaFrameworkについて
Ad

More from Takaaki Ichijo (20)

PDF
Google Sheets経由でUnity Localization Packageのデータを更新する & ADXの多言語ボイス音声切り替え機能連携
PDF
インディーゲームでも「インタラクティブ・ミュージック」!
PDF
Genvidセミナー シンプルJava Scriptオーバーレイ編
PDF
[Unite 2016 Tokyo]Unityを使った個人ゲーム開発における「収益化」の現状と未来
PDF
Unity EditorからADX2のデータを操作する魔改造
PDF
インディーゲームクリエイター向け サウンド実装の重要性
PDF
Unity for ADX2のプラグインを小改造して、ボイスデータの管理を便利に
PDF
積み上げ棒グラフのリザルト画面を作る&いい感じに音をつける
PDF
自作ゲームで使っている技術:動画配信&インタラクティブミュージック
PDF
VRにはサウンドが大事って48,000回言っとるやろがい
PDF
ゲーム産業におけるDevRel活動について
PDF
「デモリッションロボッツK.K.」のGenvidインティグレート事例
PDF
Doozy ui 導入Tips
PDF
同じ音が二度と鳴らないゲームの環境音を作る
PDF
インタラクティブ・ストリーミングが変えるゲームコンテンツの未来
PDF
「Unityサウンド エキスパート養成講座」振り返り ~単著ができるまで~
PDF
Unity サウンドTips 2019
PDF
Unityのサウンド状況を調べまくって分かったアレコレ
PDF
キャラが8人同時にしゃべるんだけど...とPに言われたときの戦い方
PDF
サウンド実装の手間を省くための CRI ADX2 UnityAudio完全に理解した
Google Sheets経由でUnity Localization Packageのデータを更新する & ADXの多言語ボイス音声切り替え機能連携
インディーゲームでも「インタラクティブ・ミュージック」!
Genvidセミナー シンプルJava Scriptオーバーレイ編
[Unite 2016 Tokyo]Unityを使った個人ゲーム開発における「収益化」の現状と未来
Unity EditorからADX2のデータを操作する魔改造
インディーゲームクリエイター向け サウンド実装の重要性
Unity for ADX2のプラグインを小改造して、ボイスデータの管理を便利に
積み上げ棒グラフのリザルト画面を作る&いい感じに音をつける
自作ゲームで使っている技術:動画配信&インタラクティブミュージック
VRにはサウンドが大事って48,000回言っとるやろがい
ゲーム産業におけるDevRel活動について
「デモリッションロボッツK.K.」のGenvidインティグレート事例
Doozy ui 導入Tips
同じ音が二度と鳴らないゲームの環境音を作る
インタラクティブ・ストリーミングが変えるゲームコンテンツの未来
「Unityサウンド エキスパート養成講座」振り返り ~単著ができるまで~
Unity サウンドTips 2019
Unityのサウンド状況を調べまくって分かったアレコレ
キャラが8人同時にしゃべるんだけど...とPに言われたときの戦い方
サウンド実装の手間を省くための CRI ADX2 UnityAudio完全に理解した
Ad

Unity + Twitch Extensionsを使って動画配信