nixamp 0.7.22 → 0.7.25

package/dist/protocol.d.ts

@@ -28,6 +28,16 @@ export interface RemoteTrack {
      * a client puts at the top of that block so the two are not one soup.
      */
     group?: string;
+    /**
+     * Which folder it sits in, under whatever it was loaded from.
+     *
+     * Empty for a track at the top. A library is a shelf of albums and seasons,
+     * and five thousand files in one flat list is a list nobody can find
+     * anything in -- so the shape of the folders comes across and a player can
+     * offer them as folders. Relative, always: where the library sits on
+     * somebody's disk is their business.
+     */
+    folder?: string;
 }
 /** Everything a remote needs to draw the player. */
 export interface Snapshot {

package/dist/server.d.ts

@@ -136,6 +136,8 @@ export declare function safeJoin(rootDir: string, urlPath: string): string | nul
  */
 export type Loaded = Track & {
     group?: string;
+    /** The folder it sits in, relative to what it was loaded from. */
+    folder?: string;
     /**
      * Whether this has a picture, when the name could not say.
      *
@@ -205,6 +207,17 @@ export interface Engine {
 }
 export declare function toRemoteTracks(tracks: Loaded[]): RemoteTrack[];
 export declare function hasPicture(path: string): boolean;
+/**
+ * Where a track sits, relative to the thing it was loaded from.
+ *
+ * A library is a shelf of albums and seasons, and a flat list of five thousand
+ * files is one nobody can find anything in. This is what lets a player offer
+ * the folders as folders.
+ *
+ * Relative and never absolute: the shape of somebody's library is what a
+ * listener needs, and where it lives on their disk is not.
+ */
+export declare function folderOf(path: string, from: string): string;
 /**
  * Whether the name of a source tells us anything about what is inside it.
  *
@@ -373,6 +386,18 @@ export interface HandlerOptions {
     };
     /** What this server calls itself, for the list of what is live on it. */
     serverName?: string;
+    /**
+     * The source this server was started on -- its own library.
+     *
+     * Replacing the playlist with a stream leaves no way back to it: the address
+     * is a path on somebody else's machine, and a person looking at a player has
+     * no reason to know it. Reported to an administrator so there can be a
+     * button rather than a thing you have to remember and retype.
+     *
+     * Admin-only, because it is a filesystem path and a viewer has no business
+     * with it.
+     */
+    homeSource?: string;
     /**
      * Going live: whether this server is listed, and how to change that.
      *

package/dist/server.js

@@ -302,6 +302,7 @@ export function toRemoteTracks(tracks) {
         // Only for what was added; the library's own tracks say nothing, which is
         // how a client knows they are the library.
         ...(t.group ? { group: t.group } : {}),
+        ...(t.folder ? { folder: t.folder } : {}),
     }));
 }
 /** Video containers, as opposed to the songs that are most of a library. */
@@ -310,6 +311,34 @@ export function hasPicture(path) {
     const dot = path.lastIndexOf(".");
     return dot > 0 && PICTURE.has(path.slice(dot).toLowerCase());
 }
+/**
+ * Where a track sits, relative to the thing it was loaded from.
+ *
+ * A library is a shelf of albums and seasons, and a flat list of five thousand
+ * files is one nobody can find anything in. This is what lets a player offer
+ * the folders as folders.
+ *
+ * Relative and never absolute: the shape of somebody's library is what a
+ * listener needs, and where it lives on their disk is not.
+ */
+export function folderOf(path, from) {
+    const strip = (value) => value.replace(/\/+$/, "");
+    const base = strip(from);
+    if (base === "" || !path.startsWith(base + "/"))
+        return "";
+    const rest = path.slice(base.length + 1);
+    const at = rest.lastIndexOf("/");
+    if (at === -1)
+        return "";
+    const folder = rest.slice(0, at);
+    // A URL's path is percent-encoded and a person reading a folder name is not.
+    try {
+        return isRemote(path) ? decodeURIComponent(folder) : folder;
+    }
+    catch {
+        return folder;
+    }
+}
 /**
  * Whether the name of a source tells us anything about what is inside it.
  *
@@ -521,7 +550,7 @@ export class PlayerEngine {
     }
     replace(tracks, root) {
         this.stop();
-        this.tracks = tracks;
+        this.tracks = tracks.map((track) => ({ ...track, folder: folderOf(track.path, root) }));
         this.root = root;
         this.state.index = 0;
         this.state.position = 0;
@@ -544,7 +573,9 @@ export class PlayerEngine {
     add(tracks, from) {
         const group = sourceLabel(from);
         const known = new Set(this.tracks.map((track) => track.path));
-        const fresh = tracks.filter((track) => !known.has(track.path)).map((track) => ({ ...track, group }));
+        const fresh = tracks
+            .filter((track) => !known.has(track.path))
+            .map((track) => ({ ...track, group, folder: folderOf(track.path, from) }));
         if (fresh.length === 0)
             return 0;
         this.tracks = [...this.tracks, ...fresh];
@@ -617,7 +648,7 @@ export class PlayerEngine {
         // somebody pointed the server elsewhere. Theirs wins.
         if (this.tracks.length > 0)
             return;
-        this.tracks = tracks;
+        this.tracks = tracks.map((track) => ({ ...track, folder: folderOf(track.path, root) }));
         this.root = root;
         this.state.note = tracks.length === 0 ? `No audio files under ${root}.` : "";
         this.push(true);
@@ -639,7 +670,11 @@ export class PlayerEngine {
             changed = true;
             // The group is ours, not the tagger's: it knows what a track is called,
             // not which pile it is in.
-            return { ...tagged, ...(track.group ? { group: track.group } : {}) };
+            return {
+                ...tagged,
+                ...(track.group ? { group: track.group } : {}),
+                ...(track.folder ? { folder: track.folder } : {}),
+            };
         });
         if (!changed)
             return;
@@ -1692,6 +1727,16 @@ export function createHandler(engine, options) {
                     listeners: one.listeners,
                     startedAt: one.startedAt,
                 })),
+                // Anything re-streamed into this server is a live stream too, and was
+                // sitting in the middle of the playlist among the files -- which is
+                // what made moving between a channel and an album so confusing. Named
+                // here with the first track it owns, so it can be played from the list
+                // of what is live rather than hunted for among five thousand files.
+                restreams: engine.groups().map((name) => ({
+                    name,
+                    at: (engine.snapshot().tracks ?? []).findIndex((track) => track.group === name),
+                    tracks: (engine.snapshot().tracks ?? []).filter((track) => track.group === name).length,
+                })),
             });
             return;
         }
@@ -1938,6 +1983,10 @@ export function createHandler(engine, options) {
                 // And which of those slots somebody is already on, because the
                 // question you have in front of three addresses is which one is free.
                 channels: options.channels?.list().map(({ id, name, via }) => ({ id, name, via })) ?? [],
+                // What this server's own library is, and whether it is loaded, so
+                // there can be a way back to it that is not retyping a path.
+                home: options.homeSource ?? "",
+                root: engine.snapshot(false).root,
             });
             return;
         }
@@ -2151,7 +2200,7 @@ export function createHandler(engine, options) {
                 return;
             }
             watch(request, response, "stream", current.tracks?.[current.index]?.title ?? "live");
-            liveAudio(request, response, engine, options.ffmpeg ?? ["ffmpeg"]);
+            await liveAudio(request, response, engine, options.ffmpeg ?? ["ffmpeg"], options.ffprobe ?? ["ffprobe"]);
             return;
         }
         if (path.startsWith("/api/stream/")) {
@@ -2227,8 +2276,33 @@ const LIVE_IDLE_MS = 2000;
  * seconds and then sit waiting for the player to catch up, so the thing that
  * decides what plays next would be minutes behind what the listener hears.
  */
-function liveAudio(request, response, engine, ffmpeg) {
+/**
+ * The server's own output, as one address that keeps playing.
+ *
+ * This is the watch party: everybody pointed at it hears and sees whatever the
+ * server is playing, and somebody joining halfway through joins halfway
+ * through rather than starting the film again on their own.
+ *
+ * A film comes with its picture. It used to be `-vn` and MP3 whatever it was,
+ * so inviting people to watch a film got them its soundtrack -- which is not
+ * an invitation anybody wants. The container is decided when the connection
+ * opens, because a response has one content type and MP4 and MP3 cannot be
+ * spliced; going from a film to a song ends the stream, and a client that
+ * wants to keep listening asks again and gets the right one.
+ */
+async function liveAudio(request, response, engine, ffmpeg, ffprobe) {
     const [command, ...prefix] = ffmpeg;
+    /** Whether this track is something to watch rather than only to hear. */
+    const looksLikeVideo = async (source) => {
+        if (hasPicture(source))
+            return true;
+        if (!nameSaysNothing(source))
+            return false;
+        const codecs = await codecsOf({ ffmpeg: [], ffprobe, play: null }, source);
+        return codecs.video !== "";
+    };
+    const first = engine.trackPath(engine.snapshot().index);
+    const asVideo = first === undefined ? false : await looksLikeVideo(first);
     let child = null;
     let waiting = null;
     let closed = false;
@@ -2242,7 +2316,7 @@ function liveAudio(request, response, engine, ffmpeg) {
         started = true;
         response.writeHead(200, {
             ...CORS,
-            "content-type": "audio/mpeg",
+            "content-type": asVideo ? "video/mp4" : "audio/mpeg",
             "cache-control": "no-store",
             "transfer-encoding": "chunked",
         });
@@ -2282,16 +2356,28 @@ function liveAudio(request, response, engine, ffmpeg) {
             return;
         }
         playing = snapshot.index;
+        // Joined where the server is, not where the track begins. Somebody
+        // arriving forty minutes into a film should arrive forty minutes in;
+        // starting it again for them is not a watch party, it is two people
+        // watching the same film separately.
+        //
+        // Before -i, so ffmpeg seeks rather than decoding its way there.
+        const from = Math.max(0, Math.floor(snapshot.position));
         const spawned = spawn(command, [
             ...prefix,
             "-hide_banner",
             "-loglevel", "error",
             ...(isRemote(source) ? ["-reconnect", "1", "-reconnect_streamed", "1", "-reconnect_delay_max", "5"] : []),
+            // A live source has no beginning to seek from.
+            ...(from > 1 && !isRemote(source) ? ["-ss", String(from)] : []),
             "-re",
             "-i", source,
-            "-vn",
-            "-f", "mp3",
-            "-b:a", "192k",
+            ...(asVideo
+                // Copied where it can be, because a room full of viewers is a room
+                // full of encoders otherwise.
+                ? ["-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-ac", "2",
+                    "-f", "mp4", "-movflags", "frag_keyframe+empty_moov+default_base_moof"]
+                : ["-vn", "-f", "mp3", "-b:a", "192k"]),
             "-",
         ], { stdio: ["ignore", "pipe", "pipe"] });
         child = spawned;
@@ -2317,8 +2403,26 @@ function liveAudio(request, response, engine, ffmpeg) {
     // A track change that lands while we are between songs is the signal to go
     // now rather than wait out the poll.
     const unsubscribe = engine.subscribe(() => {
-        if (child === null && !closed && engine.snapshot().index !== playing)
-            next();
+        if (closed || child !== null)
+            return;
+        if (engine.snapshot().index === playing)
+            return;
+        // The kind changed under us -- a film after a song, or the other way --
+        // and one response cannot carry both. Ending it is how the client is told
+        // to ask again, which it does.
+        const source = engine.trackPath(engine.snapshot().index);
+        if (source !== undefined) {
+            void looksLikeVideo(source).then((wants) => {
+                if (closed)
+                    return;
+                if (wants !== asVideo)
+                    stop();
+                else
+                    next();
+            });
+            return;
+        }
+        next();
     });
     response.on("close", stop);
     response.on("error", stop);
@@ -2723,6 +2827,7 @@ export async function serve(argv, version = "0.1.0") {
         channels,
         publishUrls: () => publishUrls,
         serverName: options.name || hostname(),
+        homeSource: root,
         live: {
             status: () => ({
                 live: publisher !== null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nixamp",
-  "version": "0.7.22",
+  "version": "0.7.25",
   "description": "It really whips the terminal's ass. A Winamp-shaped audio player for your terminal.",
   "license": "MIT",
   "type": "module",

package/src/protocol.ts

@@ -29,6 +29,16 @@ export interface RemoteTrack {
    * a client puts at the top of that block so the two are not one soup.
    */
   group?: string;
+  /**
+   * Which folder it sits in, under whatever it was loaded from.
+   *
+   * Empty for a track at the top. A library is a shelf of albums and seasons,
+   * and five thousand files in one flat list is a list nobody can find
+   * anything in -- so the shape of the folders comes across and a player can
+   * offer them as folders. Relative, always: where the library sits on
+   * somebody's disk is their business.
+   */
+  folder?: string;
 }
 
 /** Everything a remote needs to draw the player. */

package/src/server.ts

@@ -408,6 +408,8 @@ export function safeJoin(rootDir: string, urlPath: string): string | null {
  */
 export type Loaded = Track & {
   group?: string;
+  /** The folder it sits in, relative to what it was loaded from. */
+  folder?: string;
   /**
    * Whether this has a picture, when the name could not say.
    *
@@ -491,6 +493,7 @@ export function toRemoteTracks(tracks: Loaded[]): RemoteTrack[] {
     // Only for what was added; the library's own tracks say nothing, which is
     // how a client knows they are the library.
     ...(t.group ? { group: t.group } : {}),
+    ...(t.folder ? { folder: t.folder } : {}),
   }));
 }
 
@@ -502,6 +505,32 @@ export function hasPicture(path: string): boolean {
   return dot > 0 && PICTURE.has(path.slice(dot).toLowerCase());
 }
 
+/**
+ * Where a track sits, relative to the thing it was loaded from.
+ *
+ * A library is a shelf of albums and seasons, and a flat list of five thousand
+ * files is one nobody can find anything in. This is what lets a player offer
+ * the folders as folders.
+ *
+ * Relative and never absolute: the shape of somebody's library is what a
+ * listener needs, and where it lives on their disk is not.
+ */
+export function folderOf(path: string, from: string): string {
+  const strip = (value: string): string => value.replace(/\/+$/, "");
+  const base = strip(from);
+  if (base === "" || !path.startsWith(base + "/")) return "";
+  const rest = path.slice(base.length + 1);
+  const at = rest.lastIndexOf("/");
+  if (at === -1) return "";
+  const folder = rest.slice(0, at);
+  // A URL's path is percent-encoded and a person reading a folder name is not.
+  try {
+    return isRemote(path) ? decodeURIComponent(folder) : folder;
+  } catch {
+    return folder;
+  }
+}
+
 /**
  * Whether the name of a source tells us anything about what is inside it.
  *
@@ -711,7 +740,7 @@ export class PlayerEngine implements Engine {
 
   replace(tracks: Track[], root: string): void {
     this.stop();
-    this.tracks = tracks;
+    this.tracks = tracks.map((track) => ({ ...track, folder: folderOf(track.path, root) }));
     this.root = root;
     this.state.index = 0;
     this.state.position = 0;
@@ -735,7 +764,9 @@ export class PlayerEngine implements Engine {
   add(tracks: Track[], from: string): number {
     const group = sourceLabel(from);
     const known = new Set(this.tracks.map((track) => track.path));
-    const fresh = tracks.filter((track) => !known.has(track.path)).map((track) => ({ ...track, group }));
+    const fresh = tracks
+      .filter((track) => !known.has(track.path))
+      .map((track) => ({ ...track, group, folder: folderOf(track.path, from) }));
     if (fresh.length === 0) return 0;
     this.tracks = [...this.tracks, ...fresh];
     // The list itself changed, so it has to ride this frame; a count nobody
@@ -805,7 +836,7 @@ export class PlayerEngine implements Engine {
     // Something is already loaded, so this is a scan that finished after
     // somebody pointed the server elsewhere. Theirs wins.
     if (this.tracks.length > 0) return;
-    this.tracks = tracks;
+    this.tracks = tracks.map((track) => ({ ...track, folder: folderOf(track.path, root) }));
     this.root = root;
     this.state.note = tracks.length === 0 ? `No audio files under ${root}.` : "";
     this.push(true);
@@ -827,7 +858,11 @@ export class PlayerEngine implements Engine {
       changed = true;
       // The group is ours, not the tagger's: it knows what a track is called,
       // not which pile it is in.
-      return { ...tagged, ...(track.group ? { group: track.group } : {}) };
+      return {
+        ...tagged,
+        ...(track.group ? { group: track.group } : {}),
+        ...(track.folder ? { folder: track.folder } : {}),
+      };
     });
     if (!changed) return;
     this.tracks = merged;
@@ -988,6 +1023,18 @@ export interface HandlerOptions {
   broadcast?: () => { destinations: Destination[]; settings: EncoderSettings };
   /** What this server calls itself, for the list of what is live on it. */
   serverName?: string;
+  /**
+   * The source this server was started on -- its own library.
+   *
+   * Replacing the playlist with a stream leaves no way back to it: the address
+   * is a path on somebody else's machine, and a person looking at a player has
+   * no reason to know it. Reported to an administrator so there can be a
+   * button rather than a thing you have to remember and retype.
+   *
+   * Admin-only, because it is a filesystem path and a viewer has no business
+   * with it.
+   */
+  homeSource?: string;
   /**
    * Going live: whether this server is listed, and how to change that.
    *
@@ -2068,6 +2115,16 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
           listeners: one.listeners,
           startedAt: one.startedAt,
         })),
+        // Anything re-streamed into this server is a live stream too, and was
+        // sitting in the middle of the playlist among the files -- which is
+        // what made moving between a channel and an album so confusing. Named
+        // here with the first track it owns, so it can be played from the list
+        // of what is live rather than hunted for among five thousand files.
+        restreams: engine.groups().map((name) => ({
+          name,
+          at: (engine.snapshot().tracks ?? []).findIndex((track) => track.group === name),
+          tracks: (engine.snapshot().tracks ?? []).filter((track) => track.group === name).length,
+        })),
       });
       return;
     }
@@ -2330,6 +2387,10 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
         // And which of those slots somebody is already on, because the
         // question you have in front of three addresses is which one is free.
         channels: options.channels?.list().map(({ id, name, via }) => ({ id, name, via })) ?? [],
+        // What this server's own library is, and whether it is loaded, so
+        // there can be a way back to it that is not retyping a path.
+        home: options.homeSource ?? "",
+        root: engine.snapshot(false).root,
       });
       return;
     }
@@ -2550,7 +2611,13 @@ export function createHandler(engine: Engine, options: HandlerOptions) {
         return;
       }
       watch(request, response, "stream", current.tracks?.[current.index]?.title ?? "live");
-      liveAudio(request, response, engine, options.ffmpeg ?? ["ffmpeg"]);
+      await liveAudio(
+        request,
+        response,
+        engine,
+        options.ffmpeg ?? ["ffmpeg"],
+        options.ffprobe ?? ["ffprobe"],
+      );
       return;
     }
 
@@ -2629,13 +2696,39 @@ const LIVE_IDLE_MS = 2000;
  * seconds and then sit waiting for the player to catch up, so the thing that
  * decides what plays next would be minutes behind what the listener hears.
  */
-function liveAudio(
+/**
+ * The server's own output, as one address that keeps playing.
+ *
+ * This is the watch party: everybody pointed at it hears and sees whatever the
+ * server is playing, and somebody joining halfway through joins halfway
+ * through rather than starting the film again on their own.
+ *
+ * A film comes with its picture. It used to be `-vn` and MP3 whatever it was,
+ * so inviting people to watch a film got them its soundtrack -- which is not
+ * an invitation anybody wants. The container is decided when the connection
+ * opens, because a response has one content type and MP4 and MP3 cannot be
+ * spliced; going from a film to a song ends the stream, and a client that
+ * wants to keep listening asks again and gets the right one.
+ */
+async function liveAudio(
   request: IncomingMessage,
   response: ServerResponse,
   engine: Engine,
   ffmpeg: string[],
-): void {
+  ffprobe: string[],
+): Promise<void> {
   const [command, ...prefix] = ffmpeg as [string, ...string[]];
+
+  /** Whether this track is something to watch rather than only to hear. */
+  const looksLikeVideo = async (source: string): Promise<boolean> => {
+    if (hasPicture(source)) return true;
+    if (!nameSaysNothing(source)) return false;
+    const codecs = await codecsOf({ ffmpeg: [], ffprobe, play: null }, source);
+    return codecs.video !== "";
+  };
+
+  const first = engine.trackPath(engine.snapshot().index);
+  const asVideo = first === undefined ? false : await looksLikeVideo(first);
   let child: ReturnType<typeof spawn> | null = null;
   let waiting: ReturnType<typeof setTimeout> | null = null;
   let closed = false;
@@ -2649,7 +2742,7 @@ function liveAudio(
     started = true;
     response.writeHead(200, {
       ...CORS,
-      "content-type": "audio/mpeg",
+      "content-type": asVideo ? "video/mp4" : "audio/mpeg",
       "cache-control": "no-store",
       "transfer-encoding": "chunked",
     });
@@ -2688,6 +2781,13 @@ function liveAudio(
     }
 
     playing = snapshot.index;
+    // Joined where the server is, not where the track begins. Somebody
+    // arriving forty minutes into a film should arrive forty minutes in;
+    // starting it again for them is not a watch party, it is two people
+    // watching the same film separately.
+    //
+    // Before -i, so ffmpeg seeks rather than decoding its way there.
+    const from = Math.max(0, Math.floor(snapshot.position));
     const spawned = spawn(
       command,
       [
@@ -2695,11 +2795,16 @@ function liveAudio(
         "-hide_banner",
         "-loglevel", "error",
         ...(isRemote(source) ? ["-reconnect", "1", "-reconnect_streamed", "1", "-reconnect_delay_max", "5"] : []),
+        // A live source has no beginning to seek from.
+        ...(from > 1 && !isRemote(source) ? ["-ss", String(from)] : []),
         "-re",
         "-i", source,
-        "-vn",
-        "-f", "mp3",
-        "-b:a", "192k",
+        ...(asVideo
+          // Copied where it can be, because a room full of viewers is a room
+          // full of encoders otherwise.
+          ? ["-c:v", "copy", "-c:a", "aac", "-b:a", "160k", "-ac", "2",
+             "-f", "mp4", "-movflags", "frag_keyframe+empty_moov+default_base_moof"]
+          : ["-vn", "-f", "mp3", "-b:a", "192k"]),
         "-",
       ],
       { stdio: ["ignore", "pipe", "pipe"] },
@@ -2728,7 +2833,21 @@ function liveAudio(
   // A track change that lands while we are between songs is the signal to go
   // now rather than wait out the poll.
   const unsubscribe = engine.subscribe(() => {
-    if (child === null && !closed && engine.snapshot().index !== playing) next();
+    if (closed || child !== null) return;
+    if (engine.snapshot().index === playing) return;
+    // The kind changed under us -- a film after a song, or the other way --
+    // and one response cannot carry both. Ending it is how the client is told
+    // to ask again, which it does.
+    const source = engine.trackPath(engine.snapshot().index);
+    if (source !== undefined) {
+      void looksLikeVideo(source).then((wants) => {
+        if (closed) return;
+        if (wants !== asVideo) stop();
+        else next();
+      });
+      return;
+    }
+    next();
   });
 
   response.on("close", stop);
@@ -3174,6 +3293,7 @@ export async function serve(argv: string[], version = "0.1.0"): Promise<void> {
     channels,
     publishUrls: () => publishUrls,
     serverName: options.name || hostname(),
+    homeSource: root,
     live: {
       status: () => ({
         live: publisher !== null,

package/web/dist/assets/{hls-3VKVEQE3-C2NU6wnG.js → hls-3VKVEQE3-D-TeBz8d.js}

@@ -1 +1 @@
-import{t as e}from"./index-BjUE4krU.js";var t=3;async function n(n){let{media:r,src:i,isTv:a}=n,{default:o}=await e(async()=>{let{default:e}=await import(`./hls-n74Cnh8A.js`);return{default:e}},[]);if(!o.isSupported())return n.onError(`This browser cannot play HLS streams.`),{destroy:()=>void 0,levels:()=>[]};let s=new o({...a?{maxBufferLength:60,maxMaxBufferLength:120,backBufferLength:30,liveSyncDurationCount:4}:{backBufferLength:90},enableWorker:!0}),c=0,l=!1;s.on(o.Events.ERROR,(e,r)=>{if(!l&&r.fatal){if(c>=t){n.onError(`This stream kept failing and has been stopped.`),s.destroy();return}switch(c+=1,r.type){case o.ErrorTypes.NETWORK_ERROR:n.onNotice(`Reconnecting…`),s.startLoad();break;case o.ErrorTypes.MEDIA_ERROR:n.onNotice(`Recovering…`),s.recoverMediaError();break;default:n.onError(`This stream could not be played.`),s.destroy()}}}),s.on(o.Events.MANIFEST_PARSED,()=>{l||(n.onNotice(null),n.onReady?.({live:s.levels.length>0&&!Number.isFinite(r.duration),levels:u()}))}),s.on(o.Events.LEVEL_LOADED,(e,t)=>{l||n.onReady?.({live:t.details.live,levels:u()})}),s.on(o.Events.FRAG_BUFFERED,()=>{l||n.onNotice(null)});function u(){return s.levels.map((e,t)=>({index:t,height:e.height||null,bitrate:e.bitrate||null,label:e.height?`${String(e.height)}p`:`${String(Math.round((e.bitrate||0)/1e3))}k`}))}return s.loadSource(i),s.attachMedia(r),{destroy(){l=!0,s.destroy()},levels:u,setLevel(e){s.currentLevel=e},currentLevel:()=>s.autoLevelEnabled?-1:s.currentLevel}}export{n as createHlsEngine};
+import{t as e}from"./index-Z0E29INh.js";var t=3;async function n(n){let{media:r,src:i,isTv:a}=n,{default:o}=await e(async()=>{let{default:e}=await import(`./hls-n74Cnh8A.js`);return{default:e}},[]);if(!o.isSupported())return n.onError(`This browser cannot play HLS streams.`),{destroy:()=>void 0,levels:()=>[]};let s=new o({...a?{maxBufferLength:60,maxMaxBufferLength:120,backBufferLength:30,liveSyncDurationCount:4}:{backBufferLength:90},enableWorker:!0}),c=0,l=!1;s.on(o.Events.ERROR,(e,r)=>{if(!l&&r.fatal){if(c>=t){n.onError(`This stream kept failing and has been stopped.`),s.destroy();return}switch(c+=1,r.type){case o.ErrorTypes.NETWORK_ERROR:n.onNotice(`Reconnecting…`),s.startLoad();break;case o.ErrorTypes.MEDIA_ERROR:n.onNotice(`Recovering…`),s.recoverMediaError();break;default:n.onError(`This stream could not be played.`),s.destroy()}}}),s.on(o.Events.MANIFEST_PARSED,()=>{l||(n.onNotice(null),n.onReady?.({live:s.levels.length>0&&!Number.isFinite(r.duration),levels:u()}))}),s.on(o.Events.LEVEL_LOADED,(e,t)=>{l||n.onReady?.({live:t.details.live,levels:u()})}),s.on(o.Events.FRAG_BUFFERED,()=>{l||n.onNotice(null)});function u(){return s.levels.map((e,t)=>({index:t,height:e.height||null,bitrate:e.bitrate||null,label:e.height?`${String(e.height)}p`:`${String(Math.round((e.bitrate||0)/1e3))}k`}))}return s.loadSource(i),s.attachMedia(r),{destroy(){l=!0,s.destroy()},levels:u,setLevel(e){s.currentLevel=e},currentLevel:()=>s.autoLevelEnabled?-1:s.currentLevel}}export{n as createHlsEngine};

package/web/dist/assets/index-DDa16PVk.css

@@ -0,0 +1 @@
+:root{--bg:#080c09;--panel:#0c120e;--edge:#1d2c22;--green:#4af689;--green-dim:#227a4a;--fg:#cfe8d8;--muted:#6d8a79;--warn:#e8c35a;--accent:#7ef0c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font:14px/1.45 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}body{background-image:repeating-linear-gradient(#4af68906 0 1px,#0000 1px 3px)}#app{max-width:1100px;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;gap:10px;margin:0 auto;display:flex}.bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.brand{color:var(--green);letter-spacing:.14em;font-weight:700}.status{color:var(--muted)}.status[data-playing=true]{color:var(--green)}.chip{color:var(--muted);border:1px solid var(--edge);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:46vw;margin-left:auto;padding:1px 10px;font-size:12px;overflow:hidden}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:6px;min-width:0;padding:14px 12px 12px;position:relative}.panel:before{content:attr(data-title);background:var(--panel);color:var(--green-dim);letter-spacing:.06em;padding:0 6px;font-size:12px;position:absolute;top:-.72em;left:10px}.split{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.split>.col-a{grid-column:1}.split>.col-b{grid-column:2}@media (max-width:720px){.split{grid-template-columns:1fr}.split>.col-a,.split>.col-b{grid-column:auto}}.track-title{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.track-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#video{border:1px solid var(--edge);background:#000;border-radius:4px;width:100%;max-height:46vh;margin-bottom:8px}.scrub{align-items:center;gap:10px;margin-top:6px;display:flex}.time{color:var(--fg);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:14px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--edge), var(--edge));border:1px solid var(--edge);border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--edge);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);border-radius:2px;width:10px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--green);border:0;border-radius:2px;width:10px;height:16px}input[type=range]:disabled{opacity:.45;cursor:default}#spectrum{border:1px solid var(--edge);background:#060a07;border-radius:4px;width:100%;height:190px;display:block}.meters{align-items:baseline;gap:10px;margin-top:6px;display:flex;overflow:hidden}.glyphs{color:var(--green);letter-spacing:1px;white-space:nowrap;min-height:1.4em;overflow:hidden}.levelmeter{color:var(--accent);white-space:nowrap;margin-left:auto}.filter{border:1px solid var(--edge);width:100%;color:var(--fg);font:inherit;background:#0a100c;border-radius:4px;margin-bottom:6px;padding:4px 8px}.filter:focus{border-color:var(--accent);outline:none}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;font-size:12px;display:flex}.crumbs button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 2px}.crumbs button:hover{text-decoration:underline}.crumbs .here{color:var(--fg)}.folder{cursor:pointer;white-space:nowrap;color:var(--accent);border-radius:3px;gap:8px;padding:2px 6px;display:flex}.folder:hover{background:#142019}.folder .name{text-overflow:ellipsis;flex:1;overflow:hidden}.folder .count{color:var(--muted);flex:none}.playlist{scrollbar-color:var(--green-dim) transparent;max-height:214px;margin:0;padding:0;list-style:none;overflow-y:auto}.row{cursor:pointer;white-space:nowrap;border-radius:3px;gap:8px;padding:2px 6px;display:flex}.row:hover{background:#142019}.row.selected{background:#16241c}.row.selected .name{color:var(--accent)}.row.playing .name{color:var(--green)}.group{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--edge);align-items:center;gap:8px;margin-top:4px;padding:6px 6px 2px;font-size:11px;display:flex}.group:first-child{border-top:0;margin-top:0}.group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.group-remove{border:1px solid var(--edge);color:var(--muted);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0 6px;line-height:1.4}.group-remove:hover{color:var(--accent);border-color:var(--accent)}.row .n{color:var(--muted);text-align:right;flex:none;width:2.4em}.row .name{text-overflow:ellipsis;flex:1;overflow:hidden}.row .time{color:var(--muted);flex:none}.transport{border:1px solid var(--edge);background:var(--panel);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}button{font:inherit;color:var(--fg);border:1px solid var(--edge);cursor:pointer;background:#121a15;border-radius:4px;padding:6px 12px}button:hover{border-color:var(--green-dim);color:var(--green)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:2px}button.primary{color:var(--green);border-color:var(--green-dim);min-width:64px}button.ghost{color:var(--muted);background:0 0}.volume{flex:1;align-items:center;gap:8px;min-width:120px;max-width:220px;margin-left:auto;display:flex}.vol{color:var(--muted);letter-spacing:.08em;font-size:12px}.picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button{border:1px solid var(--edge);cursor:pointer;color:var(--fg);background:#121a15;border-radius:4px;padding:6px 12px;display:inline-block}.button:hover{border-color:var(--green-dim);color:var(--green)}.button input[type=file]{display:none}#remote-url{font:inherit;min-width:12ch;color:var(--fg);border:1px solid var(--edge);background:#060a07;border-radius:4px;flex:1;padding:6px 10px}.check{color:var(--muted);align-items:center;gap:8px;margin-top:10px;display:flex}.check input{accent-color:var(--green)}.hint{color:var(--muted);margin:0 0 8px;font-size:13px}.hint code{color:var(--accent)}#remote-state[data-status=live]{color:var(--green)}#remote-state[data-status=connecting],#remote-state[data-status=error]{color:var(--warn)}.note{color:var(--warn);border-left:2px solid var(--warn);margin:0;padding-left:8px}.statusbar{color:var(--muted);border-top:1px solid var(--edge);flex-wrap:wrap;gap:14px;padding-top:8px;font-size:12px;display:flex}.statusbar b{color:var(--green);font-weight:700}.statusbar .spacer{flex:1}.statusbar a{color:var(--muted)}.directory{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}.directory-list{max-height:12rem;margin:0;padding:0;list-style:none;overflow-y:auto}.directory-list li+li{margin-top:.3rem}.directory-list button{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .5rem}.directory-list button:hover,.directory-list button:focus-visible{border-color:var(--accent);background:#ffffff0a}.directory-list .name{color:var(--accent);display:block}.directory-list .detail{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;display:block;overflow:hidden}.publish-list{margin:.3rem 0 0;padding:0;list-style:none}.publish-list li{align-items:center;gap:8px;margin-top:.3rem;display:flex}.publish-list li.in-use .slot{color:var(--green)}.publish-list .slot{color:var(--muted);flex:none;min-width:4.5em;font-size:12px}.publish-list input{flex:auto;min-width:0}.said{color:var(--accent);margin:.3rem 0 0}.directory-list li.offline .recent-label{opacity:.55}.directory-list li.offline .detail{color:var(--warn)}.share-line{align-items:center;gap:8px;margin:.4rem 0;display:flex}.share-what{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:12px}.share-line input{flex:auto;min-width:0}#share-phone{color:var(--fg);font-size:1.05em}#share-phone b{color:var(--accent)}.admin-table{border-collapse:collapse;width:100%;min-height:5.5em;max-height:14rem;margin:.4rem 0;font-size:.85em;display:block;overflow-y:auto}.admin-table th{text-align:left;opacity:.6;padding:.2rem .4rem .2rem 0;font-weight:400}.admin-table td{white-space:nowrap;text-overflow:ellipsis;max-width:12rem;padding:.2rem .4rem .2rem 0;overflow:hidden}.admin-table td.network-public{color:var(--warning,#e0b341)}.admin-table td.network-private{color:var(--success,#7fd18b)}.admin-table tr.ended{opacity:.45}body.route-directory .player-only{display:none}.directory-list li{align-items:stretch;gap:.4rem;display:flex}.directory-list li>:first-child{flex:auto;min-width:0}.directory-list li>button:first-child{text-align:left;width:100%}.directory-list li>.button,.directory-list li>.ghost{white-space:nowrap;flex:none;align-items:center;display:flex}.directory-list .follow{white-space:nowrap;width:auto;color:var(--muted);flex:none;padding-inline:.6rem}.directory-list .follow[data-following=yes]{border-color:var(--accent);color:var(--accent)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.toggle input{accent-color:var(--accent)}.recent-label{border:1px solid var(--line);border-radius:4px;flex:auto;min-width:0;padding:.4rem .5rem}