Omnimaga

General Discussion => Technology and Development => Web Programming and Design => Topic started by: Eeems on April 23, 2011, 03:13:47 pm

Title: OmniPlayer - Webplayer for our music
Post by: Eeems on April 23, 2011, 03:13:47 pm
So if you have been following my twitter feed you know I've been working on something other then a calc project atm :)
So without further ado, here it is:
(http://desmond.yfrog.com/Himg640/scaled.php?tn=0&server=640&filename=yt5sn.jpg&xsize=640&ysize=640)(http://desmond.yfrog.com/Himg614/scaled.php?tn=0&server=614&filename=bxsey.jpg&xsize=640&ysize=640)(http://desmond.yfrog.com/Himg618/scaled.php?tn=0&server=618&filename=p7tvc.jpg&xsize=640&ysize=640)
I've been working on a webapp for Omnimaga's music, I don't have it setup to use the downloads section quite yet, but I will enable it eventually for that. The webapp itself is still unfinished, and not hosted, but it can search through the songs, play the music, pause the music, seek through the music and display the dynamically loaded home where news can be posted. I will eventually host this (when I get it working with Omnimaga's folders, but that would mean I'd have to host on Omnimaga for it to work.
If you are interested in learning what I used to make this go check out the Sencha Touch (http://www.sencha.com/products/touch/) framework and feel free to ask me for help if you want to start developing with it :)
The webapp will work on all webkit enabled browsers, so Google Chrome, Safari, Mobile Safari and the webkit based browsers on android and blackberry devices.
Title: Re: OmniPlayer - Webplayer for our music
Post by: willrandship on April 23, 2011, 03:16:52 pm
sweet! I would totally use this if I had a working sound card! :P

Is that android I see?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 23, 2011, 03:19:41 pm
sweet! I would totally use this if I had a working sound card! :P

Is that android I see?

It's a webapp, so it's for any device, even a browser can run it.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 23, 2011, 03:19:48 pm
sweet! I would totally use this if I had a working sound card! :P
Haha, you should probably get one ;P
Is that android I see?
Yes this supposedly works with android as well, I have not been able to test as of yet though since I do not have a 'droid myself.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 23, 2011, 03:22:36 pm
Sounds awesome :D Will it support the webradio?

willrandship: It's the iPhone... well the iPhone interface.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 23, 2011, 03:24:01 pm
Sounds awesome :D Will it support the webradio?

willrandship: It's the iPhone... well the iPhone interface.

iOS*. @Eeems: When you host it I can test it on Android and put a screenshot.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 23, 2011, 03:35:41 pm
iOS*. @Eeems: When you host it I can test it on Android and put a screenshot.
Sure :) I don't know how long it will be till I host it though.

EDIT: Ok, so I've got next/previous working so now I'm going to probably work more on the server side and figure out how to use it with Omnimaga's folder structure.

EDIT: Ok, made it so it can use Omnimaga's folder structure :D Now to finish with some things with the UI and see if I'm allowed to host it on Omnimaga.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 23, 2011, 06:45:57 pm
Nice, can't wait to test it :D
Title: Re: OmniPlayer - Webplayer for our music
Post by: FinaleTI on April 23, 2011, 06:51:11 pm
This sounds pretty sweet! I can't wait to test it on my Droid.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 23, 2011, 07:41:32 pm
Thanks guys :) I've been testing it extensively as I develop it and I believe I've gotten rid of most bugs.
I've also been cleaning up the UI as best I can, I'm pretty much ready to host the beta, just waiting on a reply from someone.
While it's not complete (no settings etc) it's usable enough for people to use. I just hope song loading off of a non-local connection works as good as it does over LAN.

EDIT: Anybody want to try to make some good loading screens (for iphone homescreen webapps) and/or icons that I could use?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 23, 2011, 10:02:03 pm
Yeah, I could mess something in GIMP.

Edit: We need a 58x58 for the icon and 320x460 for the loading screen.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Jonius7 on April 23, 2011, 10:04:37 pm
this is great eeems! it kind of looks like that live feed of something you showed me last year. It'd be great to have the whole collection of songs in an app.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Madskillz on April 23, 2011, 10:26:32 pm
Actually the icon size should be 57x57 and the loading screen should be 480h x 320w. If you want to include ones for the iPhone 4 everything is doubled. With the iPad things get a little funky. The app icon for the iPad is 72x72.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 23, 2011, 10:28:51 pm
320x460 actually for the loading screen :P 20 pixels must be removed for the statusbar :P
I think I've got the loading screens done though, a good icon would be nice though.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 23, 2011, 11:41:26 pm
I thought the o from omnimaga would do the job.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 12:40:52 am
Yeah, don't have a good enough version of it though :/
http://eeezor.ec3club.tk/OmniPlayer Hosted and up :) Requires a webkit based browser of course. Have fun :)
Still a work in progress btw.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 24, 2011, 07:49:08 am
WOAH WOAH WOAH, I really like it! Thanks for the link =D

Can you add an option to raise and lower volume though? DJ Omnimaga - A New World to Discover blowed by ears :P

EDIT: I'll never use Youtube to listen to DJ's songs anymore, this is great. +1 for you!
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 11:41:15 am
Thanks :)
I'm pretty sure that I can't set the volume with JavaScript
And that you will have to control your own volume. Sorry, wish I could.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 24, 2011, 12:38:43 pm
Thanks :)
I'm pretty sure that I can't set the volume with JavaScript
And that you will have to control your own volume. Sorry, wish I could.

Another request, if we press a key like F, or E, or G in the SEARCH tab it'll go to that letter :D
Title: Re: OmniPlayer - Webplayer for our music
Post by: Geekboy1011 on April 24, 2011, 12:42:04 pm
Eeems what are you useing to play the audio tracks alot of basic flash based players support volume changing and support java script actions
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 24, 2011, 12:51:17 pm
Eeems what are you useing to play the audio tracks alot of basic flash based players support volume changing and support java script actions

I think he uses Sencha, right?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Geekboy1011 on April 24, 2011, 12:53:22 pm
What in pink lobsters aquarium is sencha !?!?!
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 01:33:20 pm
If I use flash then it defeats the purpose of making it work on iDevices. I'm using the HTML5 audio tag.
Scout: The current search function doesn't allow for that type of stuff. I'll see what I can do though.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 24, 2011, 01:34:23 pm
If I use flash then it defeats the purpose of making it work on iDevices. I'm using the HTML5 audio tag.
Scout: The current search function doesn't allow for that type of stuff. I'll see what I can do though.

Also in the search box when I type a char it appears slighly above the magnifying glass, sort of bug?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 02:07:30 pm
Can't fix that, blame Sencha Touch there :/
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 24, 2011, 02:08:18 pm
Sorry for all these request that can't be made, but I have no idea of what can or can't be made.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 24, 2011, 02:10:57 pm
Also I click on a song in the Browse tab and it takes forever to load on my iDevice, is it a bug or what? It works fine on my laptop.
Title: Re: OmniPlayer - Webplayer for our music
Post by: DJ Omnimaga on April 24, 2011, 02:13:56 pm
Hmm I was sure I posted here but my post disappeared ???

Anyway would it be possible to make it compatible with all computer browsers, or is it intended solely for mobile users? I don't think we should completely replace our radio and the song player, but yours could be an option for those who can actually run it.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Geekboy1011 on April 24, 2011, 03:15:24 pm
ah idk if you can adjust html 5 with javascript i know in chrome the default  html 5 player supports volume though so i would google that xD
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 05:31:25 pm
Also I click on a song in the Browse tab and it takes forever to load on my iDevice, is it a bug or what? It works fine on my laptop.
No that's just how slow your device is in it's connection, it's only faster on a computer because it can buffer faster to get to the place where it can play. I can usually get ok speed from my hosts on my device and the wait isn't unbearable but it is quite noticeably slower then on a computer
Hmm I was sure I posted here but my post disappeared ???
Hmm strange x.x
Anyway would it be possible to make it compatible with all computer browsers, or is it intended solely for mobile users? I don't think we should completely replace our radio and the song player, but yours could be an option for those who can actually run it.
I've been looking into getting it to work on other browsers but at the moment it looks like IE with and addon will be the only one that might work. The framework isn't designed with cross-compatibility between browsers in mind, only devices. This is quite unfortunate as I would prefer to do all the debugging/dev on firefox but I am forced to use Chrome. If I find a way I will make it compatible but I'm not sure that will ever happen :/ Keep the flash based one for all other browsers, and this one will be out there for all the mobile/chrome/safari users. That said, graphmastur seems to be having issues with getting it to work with standard safari so I'm going to have to do some debugging.
ah idk if you can adjust html 5 with javascript i know in chrome the default  html 5 player supports volume though so i would google that xD
Yes the default interface in chrome supports it, but on mobile devices you can not touch the volume with javascript. You can touch play/pause and seek.
Sorry for all these request that can't be made, but I have no idea of what can or can't be made.
Hey no problem I understand :)
Title: Re: OmniPlayer - Webplayer for our music
Post by: shmibs on April 24, 2011, 07:56:37 pm
now the REAL question is whether or not this runs on the Omniweb browser :p
i have no handheld devices, so i've just been testing this out in a series of different webkit-based browsers. the only one that has "worked" as of yet is chromium, and that never makes it past the song loading screen.
it looks very shiny, though!
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 24, 2011, 11:08:26 pm
now the REAL question is whether or not this runs on the Omniweb browser :p
i have no handheld devices, so i've just been testing this out in a series of different webkit-based browsers. the only one that has "worked" as of yet is chromium, and that never makes it past the song loading screen.
it looks very shiny, though!
Hmm, so have you tried it on Chrome/Safari?
I know it works on Chrome as that is the main dev browser I use (followed by mobile safari). I've heard from graphmastur that it fails on Safari for Mac OS X and I don't know about Safari for windows. Any error logs would be helpful btw :)
Title: Re: OmniPlayer - Webplayer for our music
Post by: Camdenmil on April 24, 2011, 11:18:00 pm
Just tried it on chrome and webos and it works well on both.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 25, 2011, 12:18:19 am
Just tried it on chrome and webos and it works well on both.
Sweet :D
Lets just hope my bandwidth can handle the usage :P I've got just under 99GB's left for this month.
Title: Re: OmniPlayer - Webplayer for our music
Post by: DJ Omnimaga on April 25, 2011, 02:48:41 am
Nice, this sounds like a decent amount I guess. Omni uses 70-90 ish GB if I remember, but all songs are invisible to guests. I don't know about Juju's radio. I know when we were on 1and1 and all songs were available to guests, we used between 80-90 GB of bandwidth per month. That was back when we had 1 million of hits a month, though. Now we get 5.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Juju on April 25, 2011, 03:06:14 am
My radio sent about 3 GB in a week, that's not bad.
Title: Re: OmniPlayer - Webplayer for our music
Post by: ingalls on April 25, 2011, 08:53:24 am
I tried it on firefox and it looks really good for the first few seconds (It gets rendered properly) and then all of the buttons scatter accross the screen. I'll have to try it on a mobile, but from what I saw it looked awesome!
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 25, 2011, 08:54:15 am
I tried it on firefox and it looks really good for the first few seconds (It gets rendered properly) and then all of the buttons scatter accross the screen. I'll have to try it on a mobile, but from what I saw it looked awesome!

Yeah I'd highly recommend Chrome for the job.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 25, 2011, 12:57:28 pm
I tried it on firefox and it looks really good for the first few seconds (It gets rendered properly) and then all of the buttons scatter accross the screen. I'll have to try it on a mobile, but from what I saw it looked awesome!
yeah, all that you are seeing is a screenshot of it so that people have something to look at while it renders the interface and loads. If you check the error console you will see a critical error with the JavaScript that stops it from loading.  Chrome seems to work best right now for desktops, and it is know to work on iDevices with less bugs then Android (see the known issues on the Home tab).

I've added what is called application caching, so now when you visit it you will only load the application stuff the first time (not the music though). This will save a tiny bit of bandwidth. You can also load the page if you arenot connected to the internet, it will just error out though :p
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on April 25, 2011, 01:02:40 pm
Can you change DJ's songs so they are listed by name and for example I want the song 'Terra' I got to letter 'T', instead of going to 'D' and then look for DJ Omnimaga - Terra'
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 25, 2011, 01:07:12 pm
I will be adding in options for sorting later, it's actually up next on my todo list. These options will also be stored locally so you don't have to worry about having to change them each time :D
Right now the search list is alphabetical and the browse list is alphabetical and grouped by author.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 25, 2011, 11:58:34 pm
[/doublepost]
Hey Scout refresh twice and check out the settings tab ;)
Title: Re: OmniPlayer - Webplayer for our music
Post by: Madskillz on April 26, 2011, 01:24:54 am
Quote
320x460 actually for the loading screen Tongue 20 pixels must be removed for the statusbar Tongue
Ah right I forgot about that...I always disable that in my programs. Looks great though Eeems, I'll have to check it out.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on April 26, 2011, 05:27:00 pm
Quote
320x460 actually for the loading screen Tongue 20 pixels must be removed for the statusbar Tongue
Ah right I forgot about that...I always disable that in my programs. Looks great though Eeems, I'll have to check it out.
I don't always like not having it in programs but it depends on what it is :P
Hope you enjoy it when you check it out :)

Ok, so fixed an error with the server and I've tested it on Chromium Browser (10.0.648.205 (81283) Built on Ubuntu 10.10) and I'm not getting any errors so far. I also am in the middle of fixing my sorting settings, the sort by song is currently not sorting in the right order.

EDIT: actually, it seems chromium fails at playing music, but that is the only thing it can't do.

EDIT2: it seems that the real issue is with chromium itself. The chromium package build for ubuntu fails at playing media inside the html5 audio/video tags for now. If you are on ubuntu try building from source (like I am). It might work, I'll let you know if it does.

EDIT3: So I couldn't get it to build correctly so I'm going to try it with google chrome instead.

EDIT4: Chrome handles audio tags just fine :D Also tested with safari on both windows and mac, both work fine :) If you having issues and the error log mentions something about the application cache being too large, your settings are what are causing the issue, go make the cache size larger (although the cache is not really that big for this)
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on May 08, 2011, 08:27:40 am
There seems to be a bug in the Browse section, the X tab (sorting by song) overlays all others when scrolling up/down.

EDIT: What about focus on the search box when in the search tab?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on May 08, 2011, 12:35:26 pm
There seems to be a bug in the Browse section, the X tab (sorting by song) overlays all others when scrolling up/down.

EDIT: What about focus on the search box when in the search tab?
hmm, I have not encountered this before. What were you using?
I could probably set something like that up, but it would be a little difficult.
Title: Re: OmniPlayer - Webplayer for our music
Post by: Munchor on May 08, 2011, 04:36:29 pm
There seems to be a bug in the Browse section, the X tab (sorting by song) overlays all others when scrolling up/down.

EDIT: What about focus on the search box when in the search tab?
hmm, I have not encountered this before. What were you using?
I could probably set something like that up, but it would be a little difficult.

Hum, I'd like it, what about making search box default text " " (one space) so that the cursor isn't above the magnifying glass?
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on May 21, 2011, 11:36:16 pm
That would mess with searching and stuff
Title: Re: OmniPlayer - Webplayer for our music
Post by: ztrumpet on May 21, 2011, 11:49:53 pm
This is awesome, Eeems.  Wonderful job setting this up. :)  Excellent, excellent site.  Thanks! ;D
(I never tried this because I didn't have Google Chrome, but I just got it and was able to try this, and wow...)
Title: Re: OmniPlayer - Webplayer for our music
Post by: Eeems on May 22, 2011, 12:05:15 pm
Thanks a bunch! :)
I should probably do some more tweaking to it (I've been working on EeeZorBot these days)