Use hosted API player assets for video playback

Brandon Salzberg · claude · Brandon Salzberg · commit 871f699b7873 · 2026-03-19T09:03:11.000-07:00
Local HTML files now load JS/CSS from the hosted API player at
bs-api-player.console.itg.rhombussystems.com instead of using
the inline dash.js CDN player. This gives full Rhombus player
functionality (seekbar, events, bounding boxes, VOD, realtime).

Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/cmd/alert.go b/cmd/alert.go
@@ -210,7 +210,6 @@ func runAlertPlay(cmd *cobra.Command, args []string) error {
 	}
 
 	deviceUuid, _ := alert["deviceUuid"].(string)
-	region := getAlertRegion(alert, "clipLocation")
 	tsMs, _ := alert["timestampMs"].(float64)
 	durSec, _ := alert["durationSec"].(float64)
 
@@ -231,11 +230,7 @@ func runAlertPlay(cmd *cobra.Command, args []string) error {
 	}
 	federatedToken, _ := fedResp["federatedSessionToken"].(string)
 
-	clipMpdURL := fmt.Sprintf("%s/media/metadata/%s/%s/%s/clip.mpd",
-		mediaBaseURL, deviceUuid, region, alertUuid)
-	streamURL := clipMpdURL + "?x-auth-scheme=federated-token&x-auth-ft=" + federatedToken
-
-	htmlPath, err := generatePlayerHTML(fmt.Sprintf("%s — Alert", camName), streamURL)
+	htmlPath, err := generateApiPlayerHTML(deviceUuid, camName, federatedToken)
 	if err != nil {
 		return fmt.Errorf("generating player: %w", err)
 	}
diff --git a/cmd/live.go b/cmd/live.go
@@ -50,29 +50,12 @@ func runLive(cmd *cobra.Command, args []string) error {
 		return fmt.Errorf("no federated token returned")
 	}
 
-	// Get media URIs
-	mediaResp, err := client.APICall(cfg, "/api/camera/getMediaUris", map[string]any{
-		"cameraUuid": cameraUUID,
-	})
-	if err != nil {
-		return fmt.Errorf("getting media URIs: %w", err)
-	}
-
-	mpdUri, _ := mediaResp["wanLiveMpdUri"].(string)
-	if mpdUri == "" {
-		return fmt.Errorf("no live MPD URI available for this camera")
-	}
-
-	// Append federated token auth
-	streamURL := mpdUri + "?x-auth-scheme=federated-token&x-auth-ft=" + federatedToken
-
-	// Generate HTML file
-	htmlPath, err := generatePlayerHTML(cameraName, streamURL)
+	// Generate local HTML that loads the hosted API player assets
+	htmlPath, err := generateApiPlayerHTML(cameraUUID, cameraName, federatedToken)
 	if err != nil {
 		return fmt.Errorf("generating player: %w", err)
 	}
 
-	// Open in browser
 	openInBrowser("file://" + htmlPath)
 
 	fmt.Printf("Live stream opened in browser.\n")
@@ -317,3 +300,50 @@ func openInBrowser(url string) {
 	}
 	_ = cmd.Start()
 }
+
+const apiPlayerAssetsBase = "https://bs-api-player.console.itg.rhombussystems.com/api"
+
+func generateApiPlayerHTML(cameraUUID, cameraName, federatedToken string) (string, error) {
+	tmpDir := filepath.Join(os.TempDir(), "rhombus-live")
+	if err := os.MkdirAll(tmpDir, 0755); err != nil {
+		return "", err
+	}
+
+	htmlPath := filepath.Join(tmpDir, "player.html")
+
+	html := fmt.Sprintf(`<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>%s — Rhombus Player</title>
+  <link rel="stylesheet" href="%s/assets/index-D66MeRQc.css" />
+  <style>
+    html, body, #root { height: 100%%; margin: 0; }
+  </style>
+</head>
+<body>
+  <div id="root" style="height: 100%%"></div>
+  <script>
+    // Inject player config before the app loads
+    window.__RHOMBUS_API_PLAYER__ = {
+      cameraUuid: "%s",
+      cameraName: "%s",
+      federatedToken: "%s",
+    };
+    // Rewrite location so the app's router matches /api/player/:cameraUuid
+    history.replaceState(null, "", "/api/player/%s?ft=%s&name=%s");
+  </script>
+  <script type="module" src="%s/assets/index-CW-Rip9v.js"></script>
+</body>
+</html>`, cameraName, apiPlayerAssetsBase,
+		cameraUUID, cameraName, federatedToken,
+		cameraUUID, federatedToken, cameraName,
+		apiPlayerAssetsBase)
+
+	if err := os.WriteFile(htmlPath, []byte(html), 0644); err != nil {
+		return "", err
+	}
+
+	return htmlPath, nil
+}

Original file line number	Diff line number	Diff line change
`@@ -210,7 +210,6 @@ func runAlertPlay(cmd *cobra.Command, args []string) error {`
`210`	`210`	`}`
`211`	`211`
`212`	`212`	`deviceUuid, _ := alert["deviceUuid"].(string)`
`213`		`- region := getAlertRegion(alert, "clipLocation")`
`214`	`213`	`tsMs, _ := alert["timestampMs"].(float64)`
`215`	`214`	`durSec, _ := alert["durationSec"].(float64)`
`216`	`215`
`@@ -231,11 +230,7 @@ func runAlertPlay(cmd *cobra.Command, args []string) error {`
`231`	`230`	`}`
`232`	`231`	`federatedToken, _ := fedResp["federatedSessionToken"].(string)`
`233`	`232`
`234`		`- clipMpdURL := fmt.Sprintf("%s/media/metadata/%s/%s/%s/clip.mpd",`
`235`		`- mediaBaseURL, deviceUuid, region, alertUuid)`
`236`		`- streamURL := clipMpdURL + "?x-auth-scheme=federated-token&x-auth-ft=" + federatedToken`
`237`		`-`
`238`		`- htmlPath, err := generatePlayerHTML(fmt.Sprintf("%s — Alert", camName), streamURL)`
	`233`	`+ htmlPath, err := generateApiPlayerHTML(deviceUuid, camName, federatedToken)`
`239`	`234`	`if err != nil {`
`240`	`235`	`return fmt.Errorf("generating player: %w", err)`
`241`	`236`	`}`