iframe Force Enabled (#537)

* fix: force enabled * fix: default to true * fix: added hideEnabled
livepeer · Apr 24, 2024 · d8f417f · d8f417f
1 parent 0130a09
commit d8f417f
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 16 deletions.
diff --git a/apps/lvpr-tv/src/app/broadcast/[key]/page.tsx b/apps/lvpr-tv/src/app/broadcast/[key]/page.tsx
@@ -5,6 +5,7 @@ import { getIngest } from "@livepeer/react/external";
 
 type BroadcastSearchParams = {
   forceEnabled?: Booleanish;
+  hideEnabled?: Booleanish;
   idealWidth?: string | number;
   idealHeight?: string | number;
 };
@@ -24,6 +25,7 @@ export default async function BroadcastPage({
       <BroadcastWithControls
         ingestUrl={ingestUrl}
         forceEnabled={coerceToBoolean(searchParams?.forceEnabled, true)}
+        hideEnabled={coerceToBoolean(searchParams?.hideEnabled, false)}
         video={
           searchParams.idealHeight || searchParams.idealWidth
             ? {

diff --git a/apps/lvpr-tv/src/components/broadcast/Broadcast.tsx b/apps/lvpr-tv/src/components/broadcast/Broadcast.tsx
@@ -21,8 +21,12 @@ import { Settings } from "./Settings";
 
 export function BroadcastWithControls({
   ingestUrl,
+  hideEnabled,
   ...rest
-}: { ingestUrl: string | null } & Partial<Broadcast.BroadcastProps>) {
+}: {
+  ingestUrl: string | null;
+  hideEnabled: boolean;
+} & Partial<Broadcast.BroadcastProps>) {
   return !ingestUrl ? (
     <BroadcastLoading
       title="Invalid stream key"
@@ -117,21 +121,25 @@ export function BroadcastWithControls({
                 </Broadcast.FullscreenTrigger>
               </div>
             </div>
-            <Broadcast.EnabledIndicator
-              matcher={false}
-              className="flex flex-1 items-center justify-center"
-            >
-              <Broadcast.EnabledTrigger className="rounded-md px-4 py-2 bg-black/60 hover:bg-black/70 gap-1 flex items-center justify-center">
-                <EnableVideoIcon className="w-7 h-7" />
-                <span className="text-sm">Start broadcast</span>
-              </Broadcast.EnabledTrigger>
-            </Broadcast.EnabledIndicator>
-            <Broadcast.EnabledIndicator asChild>
-              <Broadcast.EnabledTrigger className="top-1 right-2 absolute flex items-center justify-center gap-1 rounded-md px-4 py-2 bg-white/5 hover:bg-white/10">
-                <StopIcon className="w-7 h-7" />
-                <span className="text-sm">Stop broadcast</span>
-              </Broadcast.EnabledTrigger>
-            </Broadcast.EnabledIndicator>
+            {!hideEnabled && (
+              <>
+                <Broadcast.EnabledIndicator
+                  matcher={false}
+                  className="flex flex-1 items-center justify-center"
+                >
+                  <Broadcast.EnabledTrigger className="rounded-md px-4 py-2 bg-black/60 hover:bg-black/70 gap-1 flex items-center justify-center">
+                    <EnableVideoIcon className="w-7 h-7" />
+                    <span className="text-sm">Start broadcast</span>
+                  </Broadcast.EnabledTrigger>
+                </Broadcast.EnabledIndicator>
+                <Broadcast.EnabledIndicator asChild>
+                  <Broadcast.EnabledTrigger className="top-1 right-2 absolute flex items-center justify-center gap-1 rounded-md px-4 py-2 bg-white/5 hover:bg-white/10">
+                    <StopIcon className="w-7 h-7" />
+                    <span className="text-sm">Stop broadcast</span>
+                  </Broadcast.EnabledTrigger>
+                </Broadcast.EnabledIndicator>
+              </>
+            )}
           </Broadcast.Controls>
 
           <Broadcast.LoadingIndicator asChild matcher={false}>