Help With Web Site Audio Rollovers

Ask questions and get answers about how to make music in any particular way. Hardware or songwriting or whatever.
Post Reply
User avatar
Henrietta
Push Comes to Shove
Posts: 367
Joined: Sat Sep 25, 2004 2:45 pm
Instruments: Guitar, Bass, Vox, Kazoo
Recording Method: None
Submitting as: Quimby, Nouveau Pauvre
Pronouns: she/her
Location: Colorado

Help With Web Site Audio Rollovers

Post by Henrietta »

I built a website for a songwriter friend of mine. At her request, when you roll the mouse over the strings you are supposed to hear strummed notes.

http://www.aliciasmusic.com/

Right now, I've got a javascript that rigs the mouse rollover to play an MP3 at the same time as it swaps images. My problem is that the audio doesn't work on all machines. And when it does work, it's really slow... so if you're too quick with the mouse you could miss it altogether!

Is there a better/more efficient way to go about this??

Thx in advance!
deshead
Panama
Posts: 875
Joined: Tue Nov 16, 2004 2:44 am
Location: Toronto
Contact:

Re: Music Website Help

Post by deshead »

Henrietta wrote:Is there a better/more efficient way to go about this??
Preload the sounds into an array: http://wsabstract.com/script/script2/soundlink.shtml (Or use Flash.)
User avatar
Henrietta
Push Comes to Shove
Posts: 367
Joined: Sat Sep 25, 2004 2:45 pm
Instruments: Guitar, Bass, Vox, Kazoo
Recording Method: None
Submitting as: Quimby, Nouveau Pauvre
Pronouns: she/her
Location: Colorado

Post by Henrietta »

I'll try it! :D
User avatar
jb
Hot for Teacher
Posts: 4165
Joined: Sat Sep 25, 2004 10:12 am
Instruments: Guitar, Cello, Keys, Uke, Vox, Perc
Recording Method: Logic X
Submitting as: The John Benjamin Band
Pronouns: he/him
Location: WASHINGTON, DC
Contact:

Post by jb »

Please encourage your friend to abandon this practice. People like silent Web sites.

Especially if the noise in question is just beeps and bings that happen suddenly and surprisingly just in time for the boss to walk by and discover you surfing instead of working.

This is a well-documented fact of Web design. :)
blippity blop ya don’t stop heyyyyyyyyy
joshw
Somebody Get Me A Doctor
Posts: 186
Joined: Sat Sep 25, 2004 7:39 pm
Instruments: Egg Shaker
Recording Method: Focusrite > Reaper
Submitting as: Josh Woodward
Pronouns: he/him
Location: Ann Arbor, MI
Contact:

Post by joshw »

I'm with JB. If I'm visiting a website that makes sound, I close it. I've usually got music playing on the computer as well, and a website that makes music without me asking it to is annoying.

It's a neat idea and the site looks nice, but it really ought to have the sound be off by default, and then give people the option to turn it on.
c hack
Panama
Posts: 800
Joined: Sat Sep 25, 2004 4:12 pm
Location: Cambridge, MA
Contact:

Post by c hack »

Gotta side with JB and JW on this one. Nice job otherwise, though.
<a href="http://www.c-hack.com">c-hack.com</a> | <a href="http://www.rootrecords.org">rootrecords.org</a>
User avatar
roymond
Beat It
Posts: 5188
Joined: Sat Sep 25, 2004 3:42 pm
Instruments: Guitars, Bass, Vocals, Logic
Recording Method: Logic X, MacBookPro, Focusrite Scarlett 2i2
Submitting as: roymond, Dangerous Croutons, Intentionally Left Bank, Moody Vermin
Pronouns: he/him
Location: brooklyn
Contact:

Post by roymond »

I don't know what your friend is trying to do. However, I have visited websites devoted to middle eastern instruments and such, and when you mouse over instruments you hear a damn nice sample of what it sounds like. Now, that's cool because of the educational context.

One of them was based on the HeadSpace (Thomas Dolby's company) plug-in (which I can't remember the name of) and that worked very well.

But putting little cute sounds around is more like littering.
roymond.com | songfights | covers
"Any more chromaticism and you'll have to change your last name to Wagner!" - Frankie Big Face
Hoblit
Hot for Teacher
Posts: 3677
Joined: Sat Sep 25, 2004 12:48 pm
Pronouns: Dude or GURRRLLLL!
Location: Charlotte, NC ... A big city on its first day at the new job.
Contact:

Post by Hoblit »

jb wrote:Please encourage your friend to abandon this practice. People like silent Web sites.

Especially if the noise in question is just beeps and bings that happen suddenly and surprisingly just in time for the boss to walk by and discover you surfing instead of working.

This is a well-documented fact of Web design. :)
big amen here.
User avatar
Henrietta
Push Comes to Shove
Posts: 367
Joined: Sat Sep 25, 2004 2:45 pm
Instruments: Guitar, Bass, Vox, Kazoo
Recording Method: None
Submitting as: Quimby, Nouveau Pauvre
Pronouns: she/her
Location: Colorado

Post by Henrietta »

There's this dog photography website that barks at you non-stop in a continuous loop. Definitely not good marketing. ;)

Alicia has her heart set on this audio. She was pretty disappointed when it didn't work on her computer. I do like the idea of giving people the option, though.
Poor June
Panama
Posts: 772
Joined: Sat Sep 25, 2004 10:43 am
Location: Walkertown, NC
Contact:

Post by Poor June »

i think it's pretty cool... but it would be bad for the sound if you're at work... for me it doesn't matter... it's pretty cool...
your friends music is really nice...
"You haven't been really bad in a long time." - jim of seattle

<a href="http://www.soundclick.com/bands/5/poorj ... htm">music page</a>
UnDesirable
Ain't Talkin' 'Bout Love
Posts: 53
Joined: Fri Oct 01, 2004 7:54 pm
Instruments: Guitar, Bass
Recording Method: Cakewalk Guitar Tracks Pro, Orion Basic
Submitting as: UnDesirable, Farmer Doom
Location: Illinois
Contact:

Post by UnDesirable »

I think the plucked guitar strings are actually pretty cool and since they only activate when you're over a link I don't find it annoying like a music loop that plays continuous while you're viewing the page.
User avatar
jack
Hot for Teacher
Posts: 3824
Joined: Sat Sep 25, 2004 10:41 am
Recording Method: ProTools, Logic, Garageband
Submitting as: brody, Jack Shite, Johnny in the Corner, Bloody Hams, lots more
Location: santa cruz, ca.

Post by jack »

UnDesirable wrote:I think the plucked guitar strings are actually pretty cool and since they only activate when you're over a link I don't find it annoying like a music loop that plays continuous while you're viewing the page.
i agree. i think the key point is that any music on a webpage should be something that isn't played unless initiated by the visitor INTENTIONALLY. if the rollovers are obvious that they will trigger music, thats ok, but springing music on a webpage visitor without their knowledge is the quickest way to make me leave.
Hi!
User avatar
Henrietta
Push Comes to Shove
Posts: 367
Joined: Sat Sep 25, 2004 2:45 pm
Instruments: Guitar, Bass, Vox, Kazoo
Recording Method: None
Submitting as: Quimby, Nouveau Pauvre
Pronouns: she/her
Location: Colorado

Post by Henrietta »

Okay, so far so good. I re-built the site and moved it to a new URL.

New Page:
http://www.aliciafall.com

(warning: this site may contain audio! ;) )
HeuristicsInc
Beat It
Posts: 5333
Joined: Sat Sep 25, 2004 6:14 pm
Instruments: Synths
Recording Method: Windows computer, Acid, Synths etc.
Submitting as: Heuristics Inc. (duh) + collabs
Pronouns: he/him
Location: Maryland USA
Contact:

Post by HeuristicsInc »

i didn't hear any audio on my mozilla, if you want more feedback.
not firefox, the actual mozilla. could be their fault :)
-bill
152612141617123326211316121416172329292119162316331829382412351416132117152332252921
http://heuristicsinc.com
Liner Notes
SF Lyric Ideas
User avatar
Henrietta
Push Comes to Shove
Posts: 367
Joined: Sat Sep 25, 2004 2:45 pm
Instruments: Guitar, Bass, Vox, Kazoo
Recording Method: None
Submitting as: Quimby, Nouveau Pauvre
Pronouns: she/her
Location: Colorado

Post by Henrietta »

Thanks for the info, Bill. Scott tested it on his Mac using Safari, and that didn't work either. Oh, well. I wonder if it only works on IE.
User avatar
Mostess
Panama
Posts: 799
Joined: Wed Sep 29, 2004 5:49 am
Instruments: Vocal, guitar, keyboard, clarinet
Recording Method: Ardour 5, JACK, Ubuntu
Submitting as: Hostess Mostess
Pronouns: He/him
Location: Ann Arbor, MI
Contact:

Post by Mostess »

Henrietta wrote:Thanks for the info, Bill. Scott tested it on his Mac using Safari, and that didn't work either. Oh, well. I wonder if it only works on IE.
I got nothing on Firefox. It works in IE (although, it's an alternate tuning :) )
"We don’t write songs about our own largely dull lives. We mostly rely on the time-tested gimmick of making shit up."
-John Linnell
Hoblit
Hot for Teacher
Posts: 3677
Joined: Sat Sep 25, 2004 12:48 pm
Pronouns: Dude or GURRRLLLL!
Location: Charlotte, NC ... A big city on its first day at the new job.
Contact:

Post by Hoblit »

Henrietta wrote:Thanks for the info, Bill. Scott tested it on his Mac using Safari, and that didn't work either. Oh, well. I wonder if it only works on IE.
IF that is true, still, all is not lost. You'd just have to impliment another additional script. For years developers had to add extra tags for functions to work in Netscape as well as IE. There may be a blanket script that a variety of browsers have in common that you could use. Place that script in a way as to where it would execute after it ran the IE one first. It may not work as well on those other platforms...as you will probably run into many of the same problems you had in the first place...but would at least have the back up plan in place. Besides, anyone who visits her site with any regularity would have cached the sounds anyways..therefore loading faster.

but..you probably already knew this :-)
Post Reply