In-Depth League of Legends Stream Overlay Tutorial from Scratch
Thank you guys so much for watching! If you like this content, please consider liking, subscribing, and commenting! Let me know if you would like more content like this!
TIMESTAMPS:
0:00 Introduction
0:23 HTML File Creation
11:56 Get Riot API Key
13:48 Get Twitch Credentials
25:08 Developing Script.js
36:15 Creating Proxy Server
42:00 Developing Script.js Continued
56:18 Showcase/Bug Fixes
1:00:44 Using in Streamlabs
1:02:30 Outro
GITHUB LINK: https://github.com/GavinRobson/League...
LINKS:
First Link in HTML: href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet
Script in HTML: src="https://cdn.jsdelivr.net/npm/axios/di..."
First long twitch link: / token
Second long twitch link: https://api.twitch.tv/helix/streams?u... TWITCH USERNAME GOES HERE
First long Riot Link: https://americas.api.riotgames.com/ri... RIOT USERNAME GOES HERE/YOUR RIOT TAG GOES HERE?api_key=${RIOT_API_KEY}
Second long Riot Link: https://americas.api.riotgames.com/lo...{puuid}/ids?api_key=${RIOT_API_KEY}
Third long Riot Link: https://americas.api.riotgames.com/lo...{matchId}?api_key=${RIOT_API_KEY}