Download to read offline
Uploaded byTwitch Developers
Twitch Developer Tour
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.
More Related Content
![Vibe Coding vs. Spec-Driven Development [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/vibecodingvsspecdrivendevelopment-251209105622-43f455e7-thumbnail.jpg?width=640&height=640&fit=bounds)
Twitch Developer Tour
- 1.
- 2. #TwitchDevTour Ethan Evans EVP, Commerceand Developers, Twitch
- 3. #TwitchDevTour The future oflive entertainment is here 355 billion 15 million 2 million minutes watched unique daily visitors unique monthly broadcasters
- 5. Making Twitch Interactivewith Twitch Extensions
- 6. #TwitchDevTour JT Gleason Director ofIntegrations, Twitch @entropyfails /entropyfails
- 7.
- 8.
- 9.
- 10. #TwitchDevTour THE WHY… Twitch is Enormous 15Million 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 DeeplyEngaging 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 Growingquickly 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 withMonetization 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 Experimentingwith new monetization opportunities Direct in-game purchases More revenue for Streamer and Developer
- 15.
- 16. #TwitchDevTour Extensions Technology Standard WebComponent Stream Panel Extension Stream Video Extension
- 17.
- 18.
- 19.
- 20. #TwitchDevTour Extensions Technology Involve theEntire Audience
- 21. #TwitchDevTour Extensions Technology Involve theEntire Audience
- 22. #TwitchDevTour Extensions Technology Utilize TwitchAPIs and Features
- 23. #TwitchDevTour Extensions Technology Or OtherExternal APIs
- 24.
- 25.
- 26. #TwitchDevTour Extensions Technology NBA GLeague Extension
- 27.
- 28.
- 29.
- 30.
- 31. #TwitchDevTour Extensions are Scalable byDefault 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 DeveloperCommunity Your Game’s API Developer Extension Developer Extension Developer Extension Developer Extension Developer Extension Developer Communities Developer Communities
- 34.
- 35. #TwitchDevTour THE FUTURE… The Merging Viewershipand Simulation
- 36.
- 37.
- 38.
- 39.
- 40. #TwitchDevTour EXTENSIONS Broadcaster / Viewer Matchmaking Broadcasterslike 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 Additionaldynamic 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.
- 43. #TwitchDevTour EXTENSIONS Questions for You Whatwould 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.
- 45. #TwitchDevTour Emily Rose Developer Advocate,Twitch @Amorelandra /Amorelandra
- 46. #TwitchDevTour Agenda The many kindsof Extensions What's inside an Extension? Why should you make one? Demonstration time! Yay! Brief code walk-through
- 47. #TwitchDevTour The many kindsof 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? Allinside 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 makeone? 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 Iget 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 Whatis 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 MCViewerDropsMod Minecraft Client WebSocket Server HTTPS API Session Store Extension App WebSocket Client Twitch API Helper Library
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. #TwitchDevTour How do Iget started? Step 1. Download developer rig Step 2. Complete the on-boarding Step 3. Create an Extension dev.twitch.tv
- 60. #TwitchDevTour Developer Day atTwitchCon October 25, 2018 San Jose, CA twitchcon.com October 26-28
- 61. Thank You Thoughts? Tweetus! #TwitchDevTour