Add a MoistDogTV Tab

WaterWolfDev · Jun 1, 2024 · aa428de · aa428de
1 parent 3e3151c
commit aa428de
Showing 1 changed file with 35 additions and 1 deletion.
diff --git a/backend/templates/live.twig b/backend/templates/live.twig
@@ -16,10 +16,18 @@
                     if (twitchEmbed) {
                         twitchEmbed.pause();
                     }
+                    if (moistEmbed) {
+                        moistEmbed.pause();
+                    }
+
                     
                     $('#html5video')[0].play();
                 } else if (currentTab === '#twitch') {
                     $('#html5video')[0].pause();
+                    if (moistEmbed) {
+                        moistEmbed.pause();
+                    }
+
 
                     if (twitchEmbed) {
                         twitchEmbed.play();
@@ -31,6 +39,23 @@
                             autoplay: true
                         });
                     }
+                } else if (currentTab === '#moist-dog') {
+                    $('#html5video')[0].pause();
+
+                    if (twitchEmbed) {
+                        twitchEmbed.pause();
+                    }
+
+                    if (moistEmbed) {
+                        moistEmbed.play();
+                    } else {
+                        moistEmbed = new Twitch.Embed("moist-dog-embed", {
+                            width: "100%",
+                            height: 480,
+                            channel: "moistdogtv",
+                            autoplay: true
+                        });
+                    }
                 }
             });
         });
@@ -53,7 +78,13 @@
                 <li class="nav-item">
                     <button class="nav-link" data-bs-toggle="tab"
                             data-bs-target="#twitch" type="button"
-                            role="tab" aria-controls="twitch">Twitch Stream
+                            role="tab" aria-controls="twitch">WaterWolf Live
+                    </button>
+                </li>
+                <li class="nav-item">
+                    <button class="nav-link" data-bs-toggle="tab"
+                            data-bs-target="#moist-dog" type="button"
+                            role="tab" aria-controls="moist-dog">MoistDogTV
                     </button>
                 </li>
             </ul>
@@ -70,6 +101,9 @@
             <div id="twitch" class="container tab-pane fade">
                 <div id="twitch-embed"></div>
             </div>
+            <div id="moist-dog" class="container tab-pane fade">
+                <div id="moist-dog-embed"></div>
+            </div>
         </div>
     </div>
 </div>