Page 1 of 17

MiniSub - Subsonic HTML5 Web App (Archive)

PostPosted: Wed Aug 10, 2011 12:59 am
by tsquillario
New! Chrome App https://chrome.google.com/webstore/detail/jccdpflnecheidefpofmlblgebobbloc

Download:
https://github.com/tsquillario/MiniSub

Hey, I've been developing a MiniPlayer based off the Subsonic API. Built it with HTML/CSS, jQuery and SoundManager2. It's based off the SubAir player, which sadly hasn't seen much development and I thought I could build a fully browser based one, plus fix some of the issues with SubAir :)

It's still got a bit of work but it plays and lets you browse your library as well as playlists.

As far as installation it would be copied to a subfolder of your main Subsonic install, pretty simple!

Let me know what you think!

    Features
    - Flexible layout, will scale to whatever size your browser window is
    - Keyboard shortcuts (back, forward, play/pause, skip to artist)
    - Playlist support (create new, add to existing, delete)
    - Podcast support
    - Chat support (when the chat window is open it will auto-update in the background)
    - Now Playing support (see what others are streaming at the moment)
    - Easy installation
    - FF/Chome support, IE is a little rough around the edges but it works
    - Last.fm support
    - Artist/Album rating


Image
Image
Image
Image
Image

Change Log:
9/30/2012 - 2.1
Moved ratings to stars (5 star ratings will reappear eventually)
9/30/2012 - 2.0.9
Added Dark Theme
Fixed issue with track duration display
9/30/2012 - 2.0.8
Removed "http://*/" permission from manifest.json (This was what caused the permissions alert)
9/29/2012 - 2.0.7
Updated to SoundManager2 v297a-20120916
Implemented updatePlaylist API method. Allows for larger playlists.
Added support for Podcasts (Thanks to nithinphilips)
Added Genre support for Auto Playlists (Thanks to Concept211 & orangepeelbeef)
8/13/2012 - 2.0.6
Minor bugfix
7/20/2012 - 2.0.5
Fixed Mp3 only folder issue
Launch server URL from the Subsonic icon!
Added "Now Playing" notification option
7/15/2012 - 2.0.3
Fixed double click bug
Fixed plaintext password issue
7/5/2012 - 2.0.2
Added ability to force Flash on the sound plugin
5/22/2012 - 2.0.1
Drag and drop sorting for Current and all other Playlists
Fixed bug with artist index list
5/21/2012 - 1.9.8
Support for 4.7beta1 in preparation for next full release
Ability to download Playlist or Song
Playing a song from a Playlist or Album will add the rest of the songs to the Current Playlist
Clicking an album takes you to the album (helpful from a playlist)
Added ability to search Albums or Songs
Ability to create new Playlist from any selected songs
Change track position while playing (lost after switch to SM2)
Added song rating to Player
4/3/2012 - 1.9.4
URL Querystring support for setting of variables
Added legacy support for Subsonic 4.5
Fixed Chrome audio bugs
3/31/2012 - 1.9
Switched to SoundManager2 audio library (changing track position currently not functional, next update)
Other minor bug fixes

awesome UI

PostPosted: Wed Aug 10, 2011 1:31 am
by tripaphonic
I'm liking the UI and simplicity of the app. Nice one.

PostPosted: Wed Aug 10, 2011 3:12 pm
by steve1977
This is exactly what I have been waiting for. Always found the subsonic GUI too complex. Love the simplicity. Wouldn't even mind if you don't have any playlists and just the basic player. A download function would be nice though.

What would make it perfect is to have a tab for a video player including transcoding (in my eyes could be instead playlist tab).

Thanks for working on this. Great work!!! Let me know if you need a beta-tester.

PostPosted: Wed Aug 10, 2011 3:17 pm
by tsquillario
I hope to have a beta version up on github in a week or so. I will post all the info here.

I haven't used Subsonic for video at all so I intended this to be a music player only, but I'd consider video in the future ;) One thing at a time...

PostPosted: Wed Aug 10, 2011 3:27 pm
by steve1977
tsquillario wrote:I hope to have a beta version up on github in a week or so. I will post all the info here.

I haven't used Subsonic for video at all so I intended this to be a music player only, but I'd consider video in the future ;) One thing at a time...


Thanks, this is brilliant. Looking forward to.

Re video - everyone says it is in infant stage and it appears few people use it. I have no clue, why. I have a large movie database and subsonic work straight forward "out of the box" with every video format I threw at it. Give it a try and you will love it. Just try with one movie and you know what I mean. As easy as the music function. Just requires one more button to select how to transcode (between 200k and 5000k).

PostPosted: Mon Aug 15, 2011 1:45 pm
by tsquillario
Here you go! This is the initial beta release.

https://github.com/tsquillario/MiniSub

Let me know what doesn't work! Either here or via GitHub.

Re: Subsonic HTML5 MiniPlayer

PostPosted: Mon Aug 15, 2011 6:41 pm
by -Airwave-
how would i install this on a centos install?

Re: Subsonic HTML5 MiniPlayer

PostPosted: Mon Aug 15, 2011 6:46 pm
by tsquillario
SubTunes has some pretty good documentation on this stuff, no need for me to duplicate. Although I will probably make something similar to this on the github wiki.

http://code.google.com/p/subtunes/wiki/GettingStarted

Re: Subsonic HTML5 MiniPlayer

PostPosted: Wed Aug 24, 2011 2:01 pm
by tsquillario
Posted an update on git.

Added better handling of playing tracks between the Music Library and Playlists. Also added Auto Playlists, they will pull the top, recent, etc 5 albums and present them as a playlist of tracks.

Re: Subsonic HTML5 MiniPlayer

PostPosted: Fri Aug 26, 2011 7:38 pm
by trickydick
I love it. Awesome html coding; and its very clean.

I implemented it as part of my normal subsonic site but added a link to the more site that pops it up in a sized chromeless window. It will give my users another way to uses subsonic.

I've been playing with the code and I have renamed index.html to minisub.html (so it won't overwrite the original) and I moved all the js and images into an minisub folder. I then re-linked the code to point to that location, its seems to work alright except I do have a few errors and I think its with the audiojs.swf file. Here are the screen shots:

I get the error when I click the play button in firefox and IE and chrome
Firefox:

Image

IE 9:
Image
In IE, even though I get the error the music still plays.

Chrome gives me the same error (null) as IE. Not sure what I'm getting it for, do you have the fla file for the player?

Other things i found:
In IE, when you log in it doesn't show the playlist until I hit refresh; it just closes the login DIV. Once i hit refresh it automatically loads the playlist. this does not happen in firefox or chrome.

Additions:
The only thing that would be way cool would be that it take the current credentials from subsonic and either fill in the login for the minisubplayer or auto login for you. I know it will save your credintials via cookies. But I was thinking maybe it could use subsonic's cookies or have subsonci load a separate cookie for the miniplayer. Just a suggestion.

This is a great mini player.

Re: Subsonic HTML5 MiniPlayer

PostPosted: Thu Sep 01, 2011 5:51 pm
by tsquillario
Sorry for the delayed reply, got lost in my Inbox from over the weekend.

I use audiojs for the audio player. I guess the .swf file needs to be in the same directory as the audio.min.js file, I think that's the only requirement for that.
http://kolber.github.com/audiojs

I tried it in IE9 and the Playlists load fine, the tab layout is screwed up but the playlists work...

I will try to pull the credentials from the Subsonic cookie, never thought of that ;) Logging in twice is a pain I agree.

Re: Subsonic HTML5 MiniPlayer

PostPosted: Tue Sep 06, 2011 1:20 am
by boognish43
Firstly, gotta say i was quite surprised to see the UM in your screenshot! :) Awesome.. been seeing them since 01.. always a good time!

having trouble figuring out how to use this.. i moved the folder to my main subsonic installation dir but nothing is happening.. what do I need to do next?
thanks for doing this looks perfect as a tablet browser(webos)!!

Re: Subsonic HTML5 MiniPlayer

PostPosted: Tue Sep 06, 2011 1:29 am
by tsquillario
After you copy the folder. Go to the Subsonic URL, login, click remember me. Then go to the URL /MiniSub or whatever the folder name is.

So http://localhost:4040/MiniSub

Then put your credentials in again and boom! Not quite smooth but it works and you only have to do it once.

Re: Subsonic HTML5 MiniPlayer

PostPosted: Tue Sep 06, 2011 10:32 am
by boognish43
hmmm not sure why its not working.. im getting this error

HTTP ERROR: 404

NOT_FOUND
RequestURI=/Minisub/

Powered by Jetty://

Re: Subsonic HTML5 MiniPlayer

PostPosted: Tue Sep 06, 2011 1:09 pm
by tsquillario
It is case sensitive. Maybe Minisub needs to be MiniSub