Accelerating Development of Twitch
Extensions for Your Game
Amazon GDC
@bescuseme
Twitch.tv/bescuseme
Greg is the Product Manager on the
Extensions Developer Services team. His
team’s mission is to empower developers
everywhere to build experiences that delight
broadcasters, viewers and players
Greg Smith
Senior Product Manager
Amazon GDCAmazon GDC
Introducing
Extensions
Extensions are interactive video player overlays and panels that can be
installed directly on the channel page by broadcasters
Amazon GDC
1 179 Extensions Launched to
Date (since September 2017)
2
Developers can build interactive
games, rich data overlays and
more
Fun Twitch Extensions Facts
(and what you’ll learn today)
4 Why you should care about
Extensions (and build one)
5 How you can build an
Extension
3
Nearly 2000 Extensions
Created since Launch by over
1000 Developers
6 How Twitch will help you build
an extension even faster
Amazon GDC
RPG Loot Collection
Game as an Extension
Stream Legends
(by Proletariat)
Individual progress saved across channels,
community progress is channel specific
Full mobile gaming-style experience directly
integrated with the Twitch channel page
Games on Twitch
Cross Channel Experiences
Amazon GDC
Real Time View of Loot
Stats and Perks
Destiny 2 Armory (by
Grab Games)
Provides transparency and education to viewers,
encouraging them to experiment
Loadout overlay updates as the streamer equips
new items
Real Time Data
No More “What gun is that?”
Amazon GDC
Blur the lines between
Playing and Watching
Innkeeper overlay (by
Curse inc.)
Synced with broadcast delay to avoid spoilers
Viewers experience powered by live metadata
stream from on-computer client
Live Game Data
The Ultimate Spectating Experience
Amazon GDCAmazon GDC
Why
Should
You
Care?
Amazon GDCAmazon GDC
Let’s
Build an
Extensio
n
Amazon GDC
EXTENSION
ARCHITECTURE
Amazon GDC
1 Create your Extension at
dev.twitch.tv
2
Generate Hello World via the Rig
Command Line Interface and run it
in the rig
Get Started Building an Extension
4 Build and test locally using
the Rig and your favorite IDE
3
Clone the Extensions
Developer Rig from GitHub
(also need to install Yarn)
Amazon GDCAmazon GDC
Demo Time!
Amazon GDC
1
Upload Assets to Twitch CDN
via the Extension Developer
Portal
2
Submit Your Extension to be
Reviewed
Next Steps to Finish Your
Extension
4 Release Your Extension
3
Test Your Application on Your
Channel
Amazon GDC
We will be continually releasing new functionality and encourage the community to
contribute to the project
Developer Rig Roadmap
Test Extensions
Locally Against
Prod Endpoints
Scaffolding/Hello
World Generation
Scriptable User
Input
Mock HTTP
Endpoints
Mock Twitch
PubSub
Wave 1 (Now) Wave 2 Wave 3
Amazon GDC
@bescuseme
Start Building Your
Extension Today!
Go to dev.twitch.tv to learn more
Thank you!

Accelerating Development of Twitch Extensions for Your Game

  • 1.
    Accelerating Development ofTwitch Extensions for Your Game
  • 2.
    Amazon GDC @bescuseme Twitch.tv/bescuseme Greg isthe Product Manager on the Extensions Developer Services team. His team’s mission is to empower developers everywhere to build experiences that delight broadcasters, viewers and players Greg Smith Senior Product Manager
  • 3.
    Amazon GDCAmazon GDC Introducing Extensions Extensionsare interactive video player overlays and panels that can be installed directly on the channel page by broadcasters
  • 4.
    Amazon GDC 1 179Extensions Launched to Date (since September 2017) 2 Developers can build interactive games, rich data overlays and more Fun Twitch Extensions Facts (and what you’ll learn today) 4 Why you should care about Extensions (and build one) 5 How you can build an Extension 3 Nearly 2000 Extensions Created since Launch by over 1000 Developers 6 How Twitch will help you build an extension even faster
  • 5.
    Amazon GDC RPG LootCollection Game as an Extension Stream Legends (by Proletariat) Individual progress saved across channels, community progress is channel specific Full mobile gaming-style experience directly integrated with the Twitch channel page Games on Twitch Cross Channel Experiences
  • 6.
    Amazon GDC Real TimeView of Loot Stats and Perks Destiny 2 Armory (by Grab Games) Provides transparency and education to viewers, encouraging them to experiment Loadout overlay updates as the streamer equips new items Real Time Data No More “What gun is that?”
  • 7.
    Amazon GDC Blur thelines between Playing and Watching Innkeeper overlay (by Curse inc.) Synced with broadcast delay to avoid spoilers Viewers experience powered by live metadata stream from on-computer client Live Game Data The Ultimate Spectating Experience
  • 8.
  • 9.
  • 10.
  • 11.
    Amazon GDC 1 Createyour Extension at dev.twitch.tv 2 Generate Hello World via the Rig Command Line Interface and run it in the rig Get Started Building an Extension 4 Build and test locally using the Rig and your favorite IDE 3 Clone the Extensions Developer Rig from GitHub (also need to install Yarn)
  • 12.
  • 13.
    Amazon GDC 1 Upload Assetsto Twitch CDN via the Extension Developer Portal 2 Submit Your Extension to be Reviewed Next Steps to Finish Your Extension 4 Release Your Extension 3 Test Your Application on Your Channel
  • 14.
    Amazon GDC We willbe continually releasing new functionality and encourage the community to contribute to the project Developer Rig Roadmap Test Extensions Locally Against Prod Endpoints Scaffolding/Hello World Generation Scriptable User Input Mock HTTP Endpoints Mock Twitch PubSub Wave 1 (Now) Wave 2 Wave 3
  • 15.
    Amazon GDC @bescuseme Start BuildingYour Extension Today! Go to dev.twitch.tv to learn more
  • 16.