Add viewer details table. Closes https://github.com/owncast/owncast/issues/1477 (#453)

web/utils/apis.ts

@@ -25,6 +25,9 @@ export const SERVER_CONFIG_UPDATE_URL = `${API_LOCATION}config`;
 // Get viewer count over time
 export const VIEWERS_OVER_TIME = `${API_LOCATION}viewersOverTime`;
 
+// Get active viewer details
+export const ACTIVE_VIEWER_DETAILS = `${API_LOCATION}viewers`;
+
 // Get currently connected chat clients
 export const CONNECTED_CLIENTS = `${API_LOCATION}chat/clients`;
 

web/utils/format.ts

@@ -56,6 +56,9 @@ export function formatUAstring(uaString: string) {
   const { version: osVersion, name: osName } = os;
   const { model, type } = device;
 
+  if (uaString === 'libmpv') {
+    return 'mpv media player';
+  }
   // Fallback to just displaying the raw agent string.
   if (!name || !browserVersion || !osName) {
     return uaString;