jensdpersson / lystra.html

Music player webpage for the music collection on your home network

lystra.html

So, you have all these oggs or mp3s you ripped from the CDs you used to buy lying on a server in your home network and you want to play them from the android tv box, the laptop in the coffee table and the old ipad in the kitchen. But just surfing in on the server gives you a html listing per folder.

Drop lystra.html in the root folder of your music collection and surf to it. It will fetch the directory listing of the folder where it lies and present you with a music browser where you can queue up tracks, play/pause etc.

All in html5.

lystra.html's Issues

Support a listing on text/uri-list

Add a response parser for when the server returns the listing as a text/uri-list

Read hashfrag onload and browse there

On a small phone screen the tabs go into two rows, rethink ui?

When queue runs out, the last track stays in Now playing

So it will play again when play resumes

Replace click-to-unqueue behaviour on queued tracks with explicit Unqueue button

Clicking track in queue should unqueue

Enqueue Infinite Loop

First off, awesome work so far! I much prefer the buttons to the previous system. I know what the hell I'm clicking when I'm on a mobile OS!

I have a problem though. If I Enqueue a sub directory, eventually it follows the ..'s and Enqueue's everything out of the directory. For example if I have foo/bar/alpha/beta. If I Enqueue alpha, it will do everything in Alpha, beta, then .. (bar) then .. (foo) And so forth.

If it matters, running lighttpd.

Search Function

A request from my wife, a search box. Simple regex search of folder names in the tree. Automatically expand hit folders.

A track should be popped from queue when it starts playing, not when it is done

Use fixed css positioning on play controls box to keep it from scrolling away

On a folder page, there should be a button to queue all

Gui place for better misconfiguration feedback

Common error cases could be detected and described how to fix in the gui. There needs to be a place for these.

Some options would be_

• the console log, but not every one will expect messages there to be usable.
• an alert, but if it is to be used for errors that come a lot it will be too annoying
• a section in the ui, perhaps below history.

Some error conditions that should be handled:

• If there is a 403 on the directory listing, not at all wierd to get, then the track listing will just not populate. There could be a message describing this, perhaps with sections for different web servers.
• If the listing is served in an unsupported mime this could be listed.
• If a track serves with an unsupported mime.

So, this feels like two categories. Per session and per track. We could keep per-track info in a log section perhaps, and put more fatal errors as alerts. Then again, if someone serves a music collection with lots of symlinks between different folders the 403s can come at any subfolder.

Starting to feel everything should go in a log section below history. Or, log records are kept in the history.

We'll see.

Stop the update progress timer when track is done.

Play button needs a few clicks to start at first

lystra_toggle_play_pause() is called twice when no track is playing.
it should be replaced with lystra_pause(boolean)

Add the folder path in hash fragment

Put library, history and queue in same tree

So first buttons are player controls,
then expand/collapse queue
then expand/collapse library
then expand/collapse history

Clicking the currently playing track should remove it and move to next track

To solve the problem where a failed load leaves a zombie track in currently played

Put collapse & expand buttons on library, queue and hitstory headers instead of click-to-toggle

Last tab is not unselected in the style when switching

Track should revert to unqueued style when done playing.

Skipping a track when queue is empty seems to requeue the track

fetching a folder borks if name contains &

Parent folder link

there may be actual links in the substrate html but we should add a button with a proper parent folder link

Displayed path is messy

It should just show path relative to lystra.html, uridecoded

Format paths with some space around slashes

Would look nicer

hand cursor on all tracks and folders

Add a "play earlier" button on tracks to move them toward front of queue

Play/pause button could well toggle nbetween play and pause

Queued tracks should display the queue number

Playlist options

Would be nice to add some buttons to the playlist. Ordering buttons would be nice. So "up" and "down" button to change the playlist order.

Could also make the items drag and droppble. But this would require "click to dequeue" to be disabled and a close button implemented.

A clear playlist button would be nice. A shuffle button to reorder the list randomly. And finally a repeat button that adds a finished song back to the playlist at completion.

So Bullet Points:

• Playlist order buttons (Up and Down)
• Clear Playlist Button
• Randomize Playlist Order
• Repeat/Loop Playlist Button

Button to queue whole album

Add flac, wma, aac, m4a to accepted patterns

content-type needs to strip ;-params before lookup of handler

format time as hh:mm

Not working with Lighttpd

Assuming I'm doing this correctly. The script is not working with a default lighttpd install.

I am assuming I just need to put the .html file in a folder and any mp3's in that folder will show up when I navigate to that page. Sadly, nothing shows up. Not even sub folders.