Request for new module - music - paying

yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Sun, 2012-10-07 15:14

I've spent a few hours searching for what exactly I like, couldn't find anything

I was wondering if it would be possible for someone to create a module that does the following:

- Adds a music playlist that's specific to an album, when the album is clicked/loaded it plays music in the background (it plays regardless if the visitor clicks on a specific picture or views the slideshow, they just need to be inside the album)
- The playlist can hold up to 10 different songs, once one song is played it loops to the next
- An option to shuffle the playlist
- Each album is capable of having its own unique playlist

If possible, I am willing to pay for the completion of this project.

Please contact

if interested
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sun, 2012-10-07 17:54

This is not as easy a task as you may think.

  • Not one audio format is supported across all browsers
  • Every page load would restart the audio unless you popup a separate window or load your galleries in an iframe or via Ajax
  • Browsing to different albums would interrupt/change the audio
  • You would not want search engines/bots loading these 5-10MB audio files
  • Involuntary audio on web pages tends to piss off your visitors

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Sun, 2012-10-07 17:58

With that being said, is it possible? My boss wants music when viewing the pictures regardless what it takes.

 
Dayo

Joined: 2005-11-04
Posts: 1642
Posted: Sun, 2012-10-07 18:27
suprsidr wrote:
  • Involuntary audio on web pages tends to piss off your visitors

Count as one of those that immediately navigate away from a site that starts playing music I didn't specifically ask for.

To me, it is the epitome of cheesiness and the ultimate in bad taste and poor web design.
--
dakanji.com
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Sun, 2012-10-07 18:33
Dayo wrote:
suprsidr wrote:
  • Involuntary audio on web pages tends to piss off your visitors

Count as one of those that immediately navigate away from a site that starts playing music I didn't specifically ask for.

To me, it is the epitome of cheesiness and the ultimate in bad taste and poor web design.
--
dakanji.com

Designing and coding for 2+ years, I 100% agree with you, however it isn't my decision. My boss wants the music no-matter what happens.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2012-10-07 20:33
Quote:
regardless what it takes.

I bet there is some limits. Care to paypal, lets say a conservative, $10,000 to start?

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Sun, 2012-10-07 21:13

I can foresee a way with pure javascript, you'd need both mp3 and ogg for each track for best browser support including IE9 and up.

Which theme are you using?
Do we do a popup window?

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Sun, 2012-10-07 22:10
suprsidr wrote:
I can foresee a way with pure javascript, you'd need both mp3 and ogg for each track for best browser support including IE9 and up.

Which theme are you using?
Do we do a popup window?

-s
________________________________
All New jQuery Minislideshow for G2/G3

I am currently using the default theme

if we must we can use a popup window
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Mon, 2012-10-08 18:17

progress...

http://suprsidr.com/ <- launch player via big blue button
while still playing head to http://suprsidr.com/video <- push blue button again

each album has its own audio feed simply by populating a directory w/ the same id as the album eg. /audio/128 where 128 is the id of the video abum
http://suprsidr.com/audio/mediaList.php?directory=/audio/1
http://suprsidr.com/audio/mediaList.php?directory=/audio/128

tested in FF, Chrome, and IE9

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Mon, 2012-10-08 19:00
suprsidr wrote:
progress...

http://suprsidr.com/ <- launch player via big blue button
while still playing head to http://suprsidr.com/video <- push blue button again

each album has its own audio feed simply by populating a directory w/ the same id as the album eg. /audio/128 where 128 is the id of the video abum
http://suprsidr.com/audio/mediaList.php?directory=/audio/1
http://suprsidr.com/audio/mediaList.php?directory=/audio/128

tested in FF, Chrome, and IE9

-s
________________________________
All New jQuery Minislideshow for G2/G3

Hmm very nice so far, excited to see the end product
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Tue, 2012-10-09 13:14

I added a couple more albums for demo
Fixed for Android and IE9 - will test on IOS later today
Added the clickable playlist, I'm sure it could be dressed up a bit. (any designers want to chime in?)
I really wanted to make it minimalistic and max ~180px wide - but IE's audio controls don't scale

Left it running for 5hrs last night and it was still looping through the playlist - driving my wife crazy.

Feature requests?
I think leaving the button and giving users a choice is a better design decision than forcing it. But you could easily change the window.onload

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Tue, 2012-10-09 18:10
suprsidr wrote:
I added a couple more albums for demo
Fixed for Android and IE9 - will test on IOS later today
Added the clickable playlist, I'm sure it could be dressed up a bit. (any designers want to chime in?)
I really wanted to make it minimalistic and max ~180px wide - but IE's audio controls don't scale

Left it running for 5hrs last night and it was still looping through the playlist - driving my wife crazy.

Feature requests?
I think leaving the button and giving users a choice is a better design decision than forcing it. But you could easily change the window.onload

-s
________________________________
All New jQuery Minislideshow for G2/G3

Simply amazing, everything appears to be working as you said (Didn't doubt you for a second). You can tell your wife its for a good cause, the gallery is in honor of war veterans of all generations (I am creating the website for a non-profit organization)

As for features, you appear to hit the nail on the head. From a designer perspective, giving the users the option to play the music on start-up is much better than forcing it, however it is not my decision. I will approach my boss (client) with the mentality to not play the music on start-up, but knowing him he won't budge.

 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Thu, 2012-10-11 19:13
suprsidr wrote:
I added a couple more albums for demo
Fixed for Android and IE9 - will test on IOS later today
Added the clickable playlist, I'm sure it could be dressed up a bit. (any designers want to chime in?)
I really wanted to make it minimalistic and max ~180px wide - but IE's audio controls don't scale

Left it running for 5hrs last night and it was still looping through the playlist - driving my wife crazy.

Feature requests?
I think leaving the button and giving users a choice is a better design decision than forcing it. But you could easily change the window.onload

-s
________________________________
All New jQuery Minislideshow for G2/G3

Any news / updates?

 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Thu, 2012-10-11 21:20

Twice I've been to my colleague's office and forgot to borrow her iPad.

Unless someone else has one to test w/.

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Fri, 2012-10-12 22:46

Tested on iPad today, mobile safari seems to have issues w/ autoplay - sometimes it worked, sometimes it didn't. I thought maybe it just didn't like some of the songs.
I've split the playlist into 2 columns to save space.

I have some re-tooling todo on my xml generator.
Then I'd like to test on someone else' system.

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
yummymanftw

Joined: 2012-09-16
Posts: 12
Posted: Sun, 2012-10-14 15:17
suprsidr wrote:
Tested on iPad today, mobile safari seems to have issues w/ autoplay - sometimes it worked, sometimes it didn't. I thought maybe it just didn't like some of the songs.
I've split the playlist into 2 columns to save space.

I have some re-tooling todo on my xml generator.
Then I'd like to test on someone else' system.

-s
________________________________
All New jQuery Minislideshow for G2/G3

Any chance we can get what you have now? We are planning on launching the website by Tuesday, Latest Wednesday and we would really enjoy having the music working.

Thanks
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Wed, 2012-10-17 01:52

Added support for legacy browsers w/ flash fallback
http://suprsidr.com/

-s
________________________________
All New jQuery Minislideshow for G2/G3
 
suprsidr
suprsidr's picture

Joined: 2005-04-17
Posts: 8339
Posted: Fri, 2013-02-22 14:24

Comments are now locked for this topic.