featured more streamers

added OBS setup tutorial youtube video
This commit is contained in:
liyunze 2023-06-23 22:21:05 +08:00
parent c42a394d0c
commit 3a9fad64b1
2 changed files with 222 additions and 42 deletions

View file

@ -49,7 +49,7 @@ import Layout from "../layouts/Layout.astro";
<div id="widget-title" class="font-bold"> <div id="widget-title" class="font-bold">
!taskhelp !taskhelp
</div> </div>
<div>1/36</div> <div>1/56</div>
</div> </div>
<div class="task-list-body px-1"> <div class="task-list-body px-1">
<div <div
@ -73,7 +73,7 @@ import Layout from "../layouts/Layout.astro";
> >
MohFocus MohFocus
</div> </div>
<div class="mr-1">:</div> resolve merge conflicts <div class="mr-1">:</div> <span>resolve merge conflict</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -83,7 +83,7 @@ import Layout from "../layouts/Layout.astro";
> >
j3dg j3dg
</div> </div>
<div class="mr-1">:</div> spin class <div class="mr-1">:</div> <span>spin class</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -93,7 +93,7 @@ import Layout from "../layouts/Layout.astro";
> >
berryspace berryspace
</div> </div>
<div class="mr-1">:</div> setup coworking stream <div class="mr-1">:</div> <span>setup coworking stream</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -103,7 +103,7 @@ import Layout from "../layouts/Layout.astro";
> >
CloudyDayzzz CloudyDayzzz
</div> </div>
<div class="mr-1">:</div> interpret sign language <div class="mr-1">:</div> <span>interpret sign language</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -113,7 +113,7 @@ import Layout from "../layouts/Layout.astro";
> >
pcc_lanezzz pcc_lanezzz
</div> </div>
<div class="mr-1">:</div> torture Poco <div class="mr-1">:</div> <span>torture Poco</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -123,7 +123,7 @@ import Layout from "../layouts/Layout.astro";
> >
lala_xitlali lala_xitlali
</div> </div>
<div class="mr-1">:</div> buy more fabric <div class="mr-1">:</div> <span>buy more fabric</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -133,7 +133,7 @@ import Layout from "../layouts/Layout.astro";
> >
xeno_hiraeth xeno_hiraeth
</div> </div>
<div class="mr-1">:</div> diagnose patients <div class="mr-1">:</div> <span>diagnose patients</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -143,7 +143,7 @@ import Layout from "../layouts/Layout.astro";
> >
opoemperdernida opoemperdernida
</div> </div>
<div class="mr-1">:</div> rutina de la mañana <div class="mr-1">:</div> <span>rutina de la mañana</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -153,7 +153,7 @@ import Layout from "../layouts/Layout.astro";
> >
4l1c3_0 4l1c3_0
</div> </div>
<div class="mr-1">:</div> mental breakdance <div class="mr-1">:</div> <span>mental breakdance</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -163,7 +163,7 @@ import Layout from "../layouts/Layout.astro";
> >
studywithjojo studywithjojo
</div> </div>
<div class="mr-1">:</div> get into NHS <div class="mr-1">:</div> <span>get into NHS</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -173,7 +173,7 @@ import Layout from "../layouts/Layout.astro";
> >
StudyPaws StudyPaws
</div> </div>
<div class="mr-1">:</div> identify cow breeds <div class="mr-1">:</div> <span>identify cow breeds</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -183,7 +183,7 @@ import Layout from "../layouts/Layout.astro";
> >
mikewhatwhere mikewhatwhere
</div> </div>
<div class="mr-1">:</div> become a dietician <div class="mr-1">:</div> <span>become a dietician</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -193,7 +193,7 @@ import Layout from "../layouts/Layout.astro";
> >
AuspexOneGaming AuspexOneGaming
</div> </div>
<div class="mr-1">:</div> grade papers <div class="mr-1">:</div> <span>grade papers</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -203,7 +203,7 @@ import Layout from "../layouts/Layout.astro";
> >
BossOnCamera BossOnCamera
</div> </div>
<div class="mr-1">:</div> get into Kyoto University <div class="mr-1">:</div> <span>get into Kyoto University</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -213,7 +213,7 @@ import Layout from "../layouts/Layout.astro";
> >
euphie___ euphie___
</div> </div>
<div class="mr-1">:</div> stay up late <div class="mr-1">:</div> <span>be a cinnamon roll</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -223,8 +223,7 @@ import Layout from "../layouts/Layout.astro";
> >
charliosaurus charliosaurus
</div> </div>
<div class="mr-1">:</div> praise the lord Jesus <div class="mr-1">:</div> <span>praise the lord Jesus Christ</span>
Christ
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -234,7 +233,17 @@ import Layout from "../layouts/Layout.astro";
> >
unknownnie unknownnie
</div> </div>
<div class="mr-1">:</div> grow a sprout <div class="mr-1">:</div> <span>grow a sprout</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
imJamJams
</div>
<div class="mr-1">:</div> <span>feed the mods</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -244,7 +253,7 @@ import Layout from "../layouts/Layout.astro";
> >
itsbrandonut itsbrandonut
</div> </div>
<div class="mr-1">:</div> music stream <div class="mr-1">:</div> <span>music stream</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -254,7 +263,7 @@ import Layout from "../layouts/Layout.astro";
> >
nihnesyo nihnesyo
</div> </div>
<div class="mr-1">:</div> release new Lofi EP <div class="mr-1">:</div> <span>release new Lofi EP</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -264,7 +273,7 @@ import Layout from "../layouts/Layout.astro";
> >
warpyn warpyn
</div> </div>
<div class="mr-1">:</div> release new song cover <div class="mr-1">:</div> <span>release new song cover</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -274,7 +283,7 @@ import Layout from "../layouts/Layout.astro";
> >
shadygepril shadygepril
</div> </div>
<div class="mr-1">:</div> studying for A-Levels <div class="mr-1">:</div> <span>studying for A-Levels</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -284,8 +293,7 @@ import Layout from "../layouts/Layout.astro";
> >
Extelso Extelso
</div> </div>
<div class="mr-1 max-w-[55%]">:</div> show off <div class="mr-1 max-w-[55%]">:</div> <span>show off stream layout</span>
stream layout
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -295,7 +303,7 @@ import Layout from "../layouts/Layout.astro";
> >
Bubxmicn Bubxmicn
</div> </div>
<div class="mr-1">:</div> drive a truck <div class="mr-1">:</div> <span>drive a truck</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -305,7 +313,7 @@ import Layout from "../layouts/Layout.astro";
> >
theyolotato theyolotato
</div> </div>
<div class="mr-1">:</div> read smut <div class="mr-1">:</div> <span>read smut</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -315,7 +323,7 @@ import Layout from "../layouts/Layout.astro";
> >
pinsaregood pinsaregood
</div> </div>
<div class="mr-1">:</div> be an instagram influencer <div class="mr-1">:</div> <span>be an instagram influencer</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -325,7 +333,7 @@ import Layout from "../layouts/Layout.astro";
> >
wasmishtaken_ wasmishtaken_
</div> </div>
<div class="mr-1">:</div> simp for levi <div class="mr-1">:</div> <span>simp for levi</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -335,7 +343,7 @@ import Layout from "../layouts/Layout.astro";
> >
Jutstreams Jutstreams
</div> </div>
<div class="mr-1">:</div> play geoguessr <div class="mr-1">:</div> <span>play geoguessr</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -345,7 +353,7 @@ import Layout from "../layouts/Layout.astro";
> >
j2modest j2modest
</div> </div>
<div class="mr-1">:</div> penetration testing <div class="mr-1">:</div> <span>penetration testing</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -355,7 +363,7 @@ import Layout from "../layouts/Layout.astro";
> >
nachoburrit0 nachoburrit0
</div> </div>
<div class="mr-1">:</div> play Apex for charity <div class="mr-1">:</div> <span>play Apex for charity</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -365,7 +373,7 @@ import Layout from "../layouts/Layout.astro";
> >
clarissawrites clarissawrites
</div> </div>
<div class="mr-1">:</div> write <div class="mr-1">:</div> <span>10,000 words essay</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -375,7 +383,7 @@ import Layout from "../layouts/Layout.astro";
> >
Elly78456 Elly78456
</div> </div>
<div class="mr-1">:</div> sell merch <div class="mr-1">:</div> <span>sell merch</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -385,7 +393,7 @@ import Layout from "../layouts/Layout.astro";
> >
sunfflawer sunfflawer
</div> </div>
<div class="mr-1">:</div> be clingy <div class="mr-1">:</div> <span>be clingy</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -395,7 +403,7 @@ import Layout from "../layouts/Layout.astro";
> >
xhumming xhumming
</div> </div>
<div class="mr-1">:</div> feed Emmy <div class="mr-1">:</div> <span>feed Emmy</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -405,7 +413,7 @@ import Layout from "../layouts/Layout.astro";
> >
arcaneXVIII arcaneXVIII
</div> </div>
<div class="mr-1">:</div> babysit <div class="mr-1">:</div> <span>babysit</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -415,7 +423,7 @@ import Layout from "../layouts/Layout.astro";
> >
OOPmarie OOPmarie
</div> </div>
<div class="mr-1">:</div> React project <div class="mr-1">:</div> <span>React project</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -425,8 +433,178 @@ import Layout from "../layouts/Layout.astro";
> >
Seijisoldier Seijisoldier
</div> </div>
<div class="mr-1">:</div> Be the tallest in the <div class="mr-1">:</div> <span>Be the tallest in the
room room</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
StudySmrt
</div>
<div class="mr-1">:</div> <span>be the youngest in the room</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-400"
>
anchigaming
</div>
<div class="mr-1">:</div> <span>love kirby</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-green-500"
>
brisim_claimhte
</div>
<div class="mr-1">:</div> <span>love kiki</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
Chieysse
</div>
<div class="mr-1">:</div> <span>play Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-yellow-400"
>
lyricalclove
</div>
<div class="mr-1">:</div> <span>commit arson with Calcifer</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-200"
>
hillabunny
</div>
<div class="mr-1">:</div> <span>play Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
StudyStreamKen
</div>
<div class="mr-1">:</div> <span>be drunk</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-500"
>
Supernaturalwriter
</div>
<div class="mr-1">:</div> <span>be the fittest in the DnD group</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-500"
>
KhrowV
</div>
<div class="mr-1">:</div> <span>caw caw</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-indigo-400"
>
michiimiya
</div>
<div class="mr-1">:</div> <span>be a cult leader</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
mindiigo
</div>
<div class="mr-1">:</div> <span>hit Ascendant in Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
RosieDream_
</div>
<div class="mr-1">:</div> <span>be an attorney</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-400"
>
study_with_flowergirl
</div>
<div class="mr-1">:</div> <span>be a flower</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-blue-400"
>
sunnyblue_
</div>
<div class="mr-1">:</div> <span>mod for Ranboo</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
triplefattypatty
</div>
<div class="mr-1">:</div> <span>travel around the world</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-orange-600"
>
JettesHus
</div>
<div class="mr-1">:</div> <span>Furniture restoration</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[55%] overflow-hidden overflow-ellipsis text-blue-400"
>
Bli_FlowState
</div>
<div class="mr-1">:</div> <span>Make productivity youtube videos</span>
</div> </div>
<div <div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1" class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -436,7 +614,7 @@ import Layout from "../layouts/Layout.astro";
> >
wafflesdot025 wafflesdot025
</div> </div>
<div class="mr-1">:</div> skip class <div class="mr-1">:</div> <span>skip class</span>
</div> </div>
</div> </div>
</div> </div>
@ -477,7 +655,7 @@ import Layout from "../layouts/Layout.astro";
} }
.task-list-body { .task-list-body {
animation: scroll 17s linear alternate infinite; animation: scroll 30s linear alternate infinite;
} }
#widget-title { #widget-title {

View file

@ -88,6 +88,8 @@ Check out this <a href="https://www.reddit.com/r/Twitch/comments/2dz7ru/bitrates
There are many streaming software options available, but the most popular one is <a href="https://obsproject.com/" target="_blank" class="underline">OBS Studio</a>, although some Apple users may prefer using <a href="https://www.twitch.tv/broadcast/studio/registration" target="_blank" class="underline">Twitch Studio</a>. Both are free to use! There are many streaming software options available, but the most popular one is <a href="https://obsproject.com/" target="_blank" class="underline">OBS Studio</a>, although some Apple users may prefer using <a href="https://www.twitch.tv/broadcast/studio/registration" target="_blank" class="underline">Twitch Studio</a>. Both are free to use!
Check out this <a href="https://youtu.be/9idPREZzWpE">YouTube video</a>on how to setup OBS, made by Hammer Dance!
If you're streaming for mobile, the Twitch mobile app has a built-in streaming feature! If you're streaming for mobile, the Twitch mobile app has a built-in streaming feature!
</details> </details>