Another Ng Music Web-player (wip)

[Filarius]

I want to say about one simple web player what I just did.
I can`t say it is something hard to do, just parser, database, and player(created by someone else), but all solutions what I found to play music from NG music portal or already do no work or old and do not have options what I wish must be.
Right now it is WIP (work in progress), but I had to make a stop as I wish make it public, and last version already allow me to share it, but there is a problem.
So little but big problem. I can`t copy and store music from NG on my side because there are too many music on NG (i think about 1Tb or more) and I can`t (or do not want) rent server for it. And right now my player just use hotlinking (such thing then you link to files located at another website to make it be llike it is your own website content).
I know about hotlinking never was good thing and I wish I will have a talk with NG staff to find what I must do to get official permisson to hotlink (like place advert to allow NG do not loose advert-money from music portal). Surely links to NG, authors pages and CC license will be placed.
Sadly, but NG staff what I contacted or do not able to talk about so topic, or too busy to answer on my messages, or I do not know who else I can talk with.

Right now I can`t place here link to web-player (because of using hotliking) and if any from NG folks who already know link will post it here - I will move it from my website.
But you can take a look on screenshot of current version of player.
http://imgur.com/jzSslc6

P.S. Also I think to make radio with user-voted music from NG. It can be player based or (better) with usage of internet radio server, I did not found what I want to do or what will be easier.

[Cyberdevil]

This looks pretty good! Would be fun to try it out. As for hotlinking, there are plenty of flash gadgets that work the same way, like these:

• 
  Newgrounds Radio by Archawn

  The music of the past, today!

  Score

  4.43 / 5.00

  Type

  Game

  Popularity

  115,811 Views

  Rated

  Everyone

• 
  Newgrounds Portal Radio by Spysociety

  Listen to all your favorite Newgrounds Audio Portal songs in only ONE gadget!

  Score

  4.02 / 5.00

  Type

  Game

  Popularity

  6,117 Views

  Rated

  Everyone

• 
  Pico Radio by deathink

  Old Tyme Radio Fun!

  Score

  4.46 / 5.00

  Type

  Game

  Popularity

  244,647 Views

  Rated

  Everyone

Audio also allows embedding on external sites, so I don't think it's a problem, but the best way would definitely be to get an answer from someone who can say for certain.

[yurgenburgen]

filarius I am in full support of your audio player, you are a bro

[nameofguthix]

We could use an audio player that lets you pick genres and such. Hope you get the right permissions to release it.

[kazumazkan]

I just wish there was a working app to download on the phone

[Filarius]

At 1/11/14 06:55 AM, Cyberdevil wrote: This looks pretty good! Would be fun to try it out. As for hotlinking, there are plenty of flash gadgets that work the same way, like these:

This players hosted at NG website, so NG do not loose money on adverts showing, and as they located at NG website it is not so hotlinking, but similar.

WOW, I miss embedding option for audio, then I think if I will make is will look similar to embedding frame then I can use hotlinking without big worries. At last I can say "it is same to embedding!" maybe besides allowing NG to collect some statistics through embedding code.

At 1/11/14 04:34 PM, nameofguthix wrote: We could use an audio player that lets you pick genres and such. Hope you get the right permissions to release it.

I have in mind to add options about score, tags, medals and else what will be suggested to me to do.

At 1/11/14 09:49 PM, kazumazkan wrote: I just wish there was a working app to download on the phone

For now I tested it (web page) on my Android phone and it is works, just need re-design for phones.
Player what I find to play music can use both Flash and HTML5 to play music and automatically choose HTML5 if Flash can not be used on current browser (if I got it right).
Just do not have any phone from Apple to test on it.

[Cyberdevil]

At 1/12/14 04:44 AM, Filarius wrote: This players hosted at NG website, so NG do not loose money on adverts showing, and as they located at NG website it is not so hotlinking, but similar.

When they get that embed feature working for flash submissions this should change though. :)

WOW, I miss embedding option for audio, then I think if I will make is will look similar to embedding frame then I can use hotlinking without big worries. At last I can say "it is same to embedding!" maybe besides allowing NG to collect some statistics through embedding code.

I don't think the style matters as much as if the player uses an excessive amount of server resources or not, though probably not a problem. The embedding style is still in a early phase so that might change too. Oh... would it be possible to fetch the actual embed code for each piece of audio you play? That way stats could be gathered at the same time.

[Filarius]

At 1/12/14 05:28 AM, Cyberdevil wrote: I don't think the style matters as much as if the player uses an excessive amount of server resources or not, though probably not a problem. The embedding style is still in a early phase so that might change too. Oh... would it be possible to fetch the actual embed code for each piece of audio you play? That way stats could be gathered at the same time.

By URL what I use to hotlink now NG must gather "downloads" count on track play, I wish so.

I can try to collect embedding code, but I do not see point to show embed frame if already have nice player with playlist and if I can`t handle playing music in embed frame to make it work like this player.
Also collecting data from each track page is about 50 time more slower then just parse list from music portal - that what I do now.

But I still wish to get permission from NG staff, thats most why I start this topic - to get attention, as I can`t find what else I must do here.

[Cyberdevil]

At 1/12/14 06:36 AM, Filarius wrote: By URL what I use to hotlink now NG must gather "downloads" count on track play, I wish so.

Well that sounds like a good alternative to the embed stats.

I can try to collect embedding code, but I do not see point to show embed frame if already have nice player with playlist and if I can`t handle playing music in embed frame to make it work like this player.
Also collecting data from each track page is about 50 time more slower then just parse list from music portal - that what I do now.

I was thinking of just loading individual audio through their embed URL, since the URLs are linked to a player (and one that doesn't auto-play either) I suppose that's not very practical anyway, but thanks for considering.

But I still wish to get permission from NG staff, thats most why I start this topic - to get attention, as I can`t find what else I must do here.

OK, hope for the best!

[Filarius]

OK folks, I think now I can share link to player.

Here it is

First release, so some bugs must be.
Icons added but it needed to re-parse music portal again to collect it all. Most old tracks do not have custom icons so not big loss if u do not see icon.

Player also must play under Android (do not have anything from Apple to test on it), just there is no mobile version now.

If you have skills in designing web pages you can help me to make this player page look better, I`m pretty bad in this things.

[Cyberdevil]

At 1/22/14 02:00 AM, Filarius wrote: If you have skills in designing web pages you can help me to make this player page look better, I`m pretty bad in this things.

This is pretty awesome! :D Is that a list of all artists who have submitted anything? Looks like... 43208 artists, that's a lot of people! Wonder if it's loaded every time the page is loaded, or cached for a certain amount of time? Might make for less resource usage/loading time if it's cached. But anyway, as for the player itself I have a few suggestions:

- Make all genres default choice if you just select artist(s) and click submit
- Add some instructions, like: select artists and 'click here' (<- button) to play
- Maybe add an option to play a specific genre rather than artists?
- Maybe add an option to select random artists/genre?

I could definitely help out with the design btw.

[Filarius]

At 1/22/14 05:18 AM, Cyberdevil wrote:

This is pretty awesome! :D Is that a list of all artists who have submitted anything?

it`s list of artists who was scouted and have at last one track

Wonder if it's loaded every time the page is loaded, or cached for a certain amount of time?

Loaded from database first time page loads, on choosing artists and style reloads only side with player (used html frames, pretty old way)

- Make all genres default choice if you just select artist(s) and click submit

I think it is just HTML thing, what will make "select all: already be choosed on page load, it can be added fast, I think. But way what watch for use clicks can be done only by JavaScript, and I do not know it.

- Add some instructions, like: select artists and 'click here' (<- button) to play

I`m afraid page will be overload with it, maybe I just need rename "submi" button to "play" button.

- Maybe add an option to play a specific genre rather than artists?

I just find there is select all for authors, I thought I remove this option, too big load on website for current implementation.
Same for genre, maybe I can add random, but playlist of all tracks of all artists of some genre too big to allow this way now.

- Maybe add an option to select random artists/genre?

Total random - I will keep it in mind to do.

I could definitely help out with the design btw.

Will be nice, as my solution for placing icons and links is pretty... not good one. If u know html+css+js.

[Cyberdevil]

At 1/22/14 06:32 AM, Filarius wrote: it`s list of artists who was scouted and have at last one track

Ah, close enough!

Loaded from database first time page loads, on choosing artists and style reloads only side with player (used html frames, pretty old way)

Good knowing. Loading 400k users from the database must take some effort though, if that request could be processed (maybe through cron, at certain intervals like once a day) and then saved as an html file the browser could cache the file as well, and drastically reduce requests. Opinions?

I think it is just HTML thing, what will make "select all: already be choosed on page load, it can be added fast, I think. But way what watch for use clicks can be done only by JavaScript, and I do not know it.

Ah, OK, I wouldn't know how to do that either. But having 'Select All' as the genre default would definitely simplify.

I`m afraid page will be overload with it, maybe I just need rename "submi" button to "play" button.

Overload? I think maybe you're misunderstanding what I meant: just a notice in text at the top of the page beside/around the button telling the user what to do to play a track. If you try clicking Play first, nothing happens.

I just find there is select all for authors, I thought I remove this option, too big load on website for current implementation.
Same for genre, maybe I can add random, but playlist of all tracks of all artists of some genre too big to allow this way now.

Teah that'd load an insane amount of tracks, hundreds of thousands would probably crash the browser too... is it possible to limit the request to only say the 100 first, regardless of how many users/genres a user selects?

Total random - I will keep it in mind to do.

Groovy. :)

Will be nice, as my solution for placing icons and links is pretty... not good one. If u know html+css+js.

I know HTML and CSS, but as for JS I only know how to use existing code, not program it. Still most things can be done through CSS, there shouldn't need to be a scrolbar between the two frames, or a list icon before the icons, and I could spiff up the layout a little. Will send a PM about that.

[Filarius]

At 1/22/14 11:56 AM, Cyberdevil wrote:

is it possible to limit the request to only say the 100 first, regardless of how many users/genres a user selects?

Already limited with 100. I wish add JS (also AJAX) code to do something like dynamic tracks load, or I thought about make pages.
Also about limiting - I think there must be some more filters, like top or last, but with top I must parse all track pages

Will be nice, as my solution for placing icons and links is pretty... not good one. If u know html+css+js.

I know HTML and CSS, but as for JS I only know how to use existing code, not program it. Still most things can be done through CSS, there shouldn't need to be a scrolbar between the two frames, or a list icon before the icons, and I could spiff up the layout a little. Will send a PM about that.

Well, script of player mostly on JS, so to add tracks I writing code what placed in page code itself and must be valid under string var of JS. Also it break styles of playerlist skin. I think right solution will be to dig player source and reference to find more natural way to add playlist elements.
Or maybe I just was not so right about searching and using exactly this player (but it can auto-switch from Flash to Html5 if Flash not available for user)