From 130a30756962cc013e686e2671f92e97b88e7c1b Mon Sep 17 00:00:00 2001 From: kaotisk Date: Tue, 12 Nov 2024 07:44:56 +0200 Subject: HTML migrated to Generator JSON format --- client/index.html | 202 +----------------------------------------------------- 1 file changed, 2 insertions(+), 200 deletions(-) (limited to 'client/index.html') diff --git a/client/index.html b/client/index.html index 426de56..c2b889e 100644 --- a/client/index.html +++ b/client/index.html @@ -7,209 +7,11 @@ -
-
- -
-

Radio Station Emulator

- by Kaotisk Hund, for Arching Kaos and for everyone. -
-
-
-
-
-
-
- - - - - - - - - - - - - - - - - - -
Artist
Title
Starts On (ms)
Duration (s)
-
-
-
-
- -
-
- - -
-
-
-
-
-
-
-
- Progress details -
-

Download progress:

- -
-
-

Live progress:

- -
-
-
-

Listening at:

-

-
-
-

Show playback:

-
-

-

/

-

-
-
-
-
-
- Sync info -
- - - - - - - - - - - - - - - - - -
Time of visit (ms)
Time elapsed since visited (s)
List started on (ms)
List duration (s)
-

Calculations

- - - - - - - - - - - - - - - - - - - - - -
Times Fully Played
Times Played
Dt = TP - TFP
Delta time
Initial "tune in" time (s)
-
-
-
- Info to get you started -

Notice

-

- If you are visiting for the first time, you might need to - "Allow Audio" first. Please do and refresh the page. -

-

About

-

- This is a "Radio Station Emulator". We create lists with - shows to be played, but since we are not doing streaming of - the playlists, we offer another way of "tuning in". -

-

- Providing the time a list started playing and having - pre-calculated the starting timestamps of each show relevant - to the list start timestamp, we can calculate which show is - on and what its current time of playing is. -

-

- Ultimately, you are hearing what we would be streaming, as - you would do for a regular radio station. -

-

Steps

-
    -
  1. - First, your browser is going to ask our server here, - what is the current list that plays right now. It will - get a response and will fetch that list. -
  2. -
  3. - Based on properties of the list overall and the time of - visit, your browser will start comparing each show's - properties found in the list, to figure the relative - time of yours on the list. A progress bar labeled "Live - progress" will be indicating the correct time on the - show. -
  4. -
  5. - Having figured out the show that is playing, it will go - and download the whole show. Progress of that would be - observable via the "Download progress" bar below. -
  6. -
  7. - Upon completion of the download, the "Sync" button is - auto pressed and the player start playing the show from - the calculated second it calculated previously. -
  8. -
-

Notes

-
    -
  • - Sometimes, you might need to press the "Sync" button - more than once. That's mostly due to bandwidth - capabilities of both the server and the client. The - "tune" would be right if you press it multiple times and - land near the same timespace over and over. -
  • -
  • - Ideally, if "Listening at:" and "Show playback:" have - the same value then you are in sync! -
  • -
-
-
- Data segments -

Hash of list

-

-                        

List info (JSON)

-

-                        

Hash of current show

-

-                        

Show info (JSON)

-

-                        
- Data -
-
-
-
+
- + -- cgit v1.2.3