This document summarizes a presentation about Twitch extensions. It discusses how extensions allow for interactive experiences on Twitch, providing examples like interactive overlays and in-game item tracking. Extensions are described as simple to create yet scalable, with the ability to empower developer communities. The future of extensions is discussed as the merging of viewership and simulation, with viewers becoming more involved or even playing alongside streamers.

1. WiFi network:
WiFi password:
/TwitchDev
@TwitchDev
dev.twitch.tv
TwitchDev Tour 2018

2. #TwitchDevTour
Ethan Evans
EVP, Commerce and Developers, Twitch

3. #TwitchDevTour
The future of live
entertainment is here
355 billion 15 million 2 million
minutes watched unique daily visitors unique monthly broadcasters

5. Making Twitch Interactive with
Twitch Extensions

6. #TwitchDevTour
JT Gleason
Director of Integrations, Twitch
@entropyfails
/entropyfails

7. #TwitchDevTour

8. #TwitchDevTour
THE WHY…

9. Creators First

10. #TwitchDevTour
THE WHY…
Twitch is
Enormous
15 Million Daily Active Users
2+ Million Monthly Broadcasters
27K Partnered Channels
Hundreds of Millions of Chat messages sent
per month
Leader in Interactive Gaming Entertainment
Over 200 Extensions Launched

11. #TwitchDevTour
THE WHY…
Extensions are
Deeply Engaging
Over 80% of viewers engage for a well
designed Extension
Over 18% relative increase in retention
Over 15% increase in total viewing session length
Extensions for games like: Overwatch,
Hearthstone, Fortnite, PUBG, CS:GO, League of
Legends, Destiny 2, Dota 2, and many more…

12. #TwitchDevTour
THE WHY…
Extensions are
Growing quickly
44% of our top Broadcasters use an Extension
23% of total Broadcasters use an Extension
Extensions are new and growing quickly

13. #TwitchDevTour
THE WHY…
Extensions
Now with Monetization
Bits are a big business on Twitch
Millions in Broadcaster payments
Bits are highly used and it powers core features
like Cheering
Bits are used in Extensions and directly
translate to revenue for both Streamer and Developer

14. #TwitchDevTour
THE WHY…
Extensions
Growing Opportunity
Experimenting with new monetization
opportunities
Direct in-game purchases
More revenue for Streamer and Developer

15. #TwitchDevTour
THE WHAT…

16. #TwitchDevTour
Extensions Technology
Standard Web Component
Stream
Panel
Extension
Stream
Video
Extension

17. #TwitchDevTour
Extensions Technology
It’s Clickable

18. #TwitchDevTour
Extensions Technology
Interactive Overlays

19. #TwitchDevTour
Extensions Technology
Immersive Viewing Experiences

20. #TwitchDevTour
Extensions Technology
Involve the Entire Audience

21. #TwitchDevTour
Extensions Technology
Involve the Entire Audience

22. #TwitchDevTour
Extensions Technology
Utilize Twitch APIs and Features

23. #TwitchDevTour
Extensions Technology
Or Other External APIs

24. #TwitchDevTour
Extensions Technology
In-Game Item Tracking

25. #TwitchDevTour
Extensions Technology
Full Game Experiences

26. #TwitchDevTour
Extensions Technology
NBA G League Extension

27. #TwitchDevTour
Extensions Technology
User ID Sharing

28. #TwitchDevTour
Extensions Technology
Understand Your User

29. #TwitchDevTour
THE HOW…

30. #TwitchDevTour
Extensions are
Simple to Create

31. #TwitchDevTour
Extensions are
Scalable by Default
Extension Helper
Front-end
JavaScript HTML
Browser
Iframe
Twitch API
/broadcast
Twitch PubSub
Twitch Content
Delivery Network
(CDN)
Extension Back-
end Service
(EBS)

32. #TwitchDevTour
Extensions are
Flexible
Broadcaster ›
Viewers ›
Dev Host
Extension Backend
LIVE
Developer ›
Twitch Extension Repo
Extension v1 LIVE
Extension v2 TEST
Dev Environment
Extension
Manifest and
Resources
SUBMIT APPROVED
Extension
Discovery Page
Extension Listing
Extension
Configure Page
Extension Configure
HTTP/WSINSTALL
Channel Page
Extension Widget
PUB/SUB

33. #TwitchDevTour
Extensions
Empower a Developer Community
Your
Game’s
API
Developer
Extension
Developer
Extension
Developer
Extension
Developer
Extension
Developer
Extension
Developer
Communities
Developer
Communities

34. #TwitchDevTour
THE FUTURE…

35. #TwitchDevTour
THE FUTURE…
The Merging
Viewership and
Simulation

36. #TwitchDevTour

37. #TwitchDevTour
THE FUTURE…
Viewers Helping
Players

38. #TwitchDevTour
THE FUTURE…
Viewers are Players

39. #TwitchDevTour
THE FUTURE
Getting Audiences Involved

40. #TwitchDevTour
EXTENSIONS
Broadcaster / Viewer
Matchmaking
Broadcasters like Trick2G have made full
technology stacks and brands out of things like
Subwars
Implementation is 100% within your control as a
Game Developer

41. #TwitchDevTour
EXTENSIONS
Active Development
Future Enhancements
Additional dynamic anchors
Realtime frame-synced metadata
More developer tools to speed up
development
Available Now
Extensions on mobile
Multiple video Extensions
API for toggling active Extensions
Improved discovery

42. #TwitchDevTour
Extensions
On Mobile

43. #TwitchDevTour
EXTENSIONS
Questions for You
What would an extension look like for your game?
Do you want viewers of your game to understand
and appreciate its complexities?
Do you want to help your broadcasters who are
bringing viewers to your game succeed?

44. #TwitchDevTour
EXTENSIONS
More Info
https://dev.twitch.tv
https://discuss.dev.twitch.tv
@TwitchDev

45. #TwitchDevTour
Emily Rose
Developer Advocate, Twitch
@Amorelandra
/Amorelandra

46. #TwitchDevTour
Agenda
The many kinds of Extensions
What's inside an Extension?
Why should you make one?
Demonstration time! Yay!
Brief code walk-through

47. #TwitchDevTour
The many kinds of
Extensions
First-party / Game-specific
Informational (Innkeeper, PUBG)
Interactive (this demo!)
Enhanced or new content
Viewer polling / sentiment
Galactic Disagreements
General Interactivity
Streamlabs Overlay
Sound Alerts
Gem Miner

48. #TwitchDevTour
What’s inside an
Extension?
All inside of an iframe
It’s that simple
Standard web technology
HTML, JS, CSS
Helper library, too!
Handles authentication
Handles PubSub
Handles native actions like follows

49. #TwitchDevTour
Why should you
make one?
Monetize with Bits
Generate revenue with your Extensions
Recognition
Be a celebrated part of the community
User acquisition
Bridge the gap between viewer and player

50. #TwitchDevTour
How do I get started?
Step 1. Download developer rig
Step 2. Complete the on-boarding
Step 3. Create an Extension
dev.twitch.tv

51. #TwitchDevTour
Building an Extension
What is necessary?
Some kind of back-end host (probably)
EC2 is great, but whatever you want to use
An API of your very own (probably)
Interface with Twitch APIs & your users

52. Minecraft
Server
Extension
Backend Service
Extension
Front-End
WebSocket
Client
Entity Spawner
MCViewerDrops Mod
Minecraft Client
WebSocket
Server
HTTPS API
Session Store
Extension App
WebSocket
Client
Twitch API
Helper
Library

53. Demonstration Time!

54. twitch.tv / Amorelandra

55. #TwitchDevTour
Code Walk-through
Extension front-end

56. #TwitchDevTour
Code Walk-through
Extension front-end

57. #TwitchDevTour
Code Walk-through
Extension back-end

58. #TwitchDevTour
Code Walk-through
Minecraft plugin

59. #TwitchDevTour
How do I get started?
Step 1. Download developer rig
Step 2. Complete the on-boarding
Step 3. Create an Extension
dev.twitch.tv

60. #TwitchDevTour
Developer Day at TwitchCon
October 25, 2018
San Jose, CA
twitchcon.com
October 26-28

61. Thank You
Thoughts? Tweet us! #TwitchDevTour