Shout Box Sound/Beep On Post And New Message

[Pebble]

Shoutbox Sound v2


Images :




Keys used : None.

Demo : Pebble Plugins

V2 download : link

Re-written to update a couple of features and a bug fix. The sound file system this plugin uses is still the same format, so information regarding sound files in the first 9 pages is still relevant.

This new version will still need some testing so any problems, please post in this thread.

Features:
Sound on new 'Shout', 'New shout' & 'Delete'.
Checkbox option for sound on or off OR a volume slider.

But you need to do some work!

You need to find somewhere to host two files or somewhere that will allow you to hotlink to them.
This will work for modern browsers only. ie: IE9+ , FF, Chrome + others that support HTML5.

If I've lost you already then here are some more intructions and advice.

Host:
It's hard work finding a free host that will accept mp3 and ogg. After some searching myself I found www.fileden.com/
If you can use photobucket then you can use FileDen, they work in the same way (ish).
Sign up for an account (I had no problems with spam etc)
From your computer upload your sounds and then use the DIRECT link to the file to use in this code.

I'm not sure if there are any restrictions with fileden. If so , let me/everyone know.
If you know another hosting site, let us know!

Sounds:
This site I found useful: www.soundjay.com/beep-sounds-1.html

IMPORTANT

Sound Jay is an excellent site to get your shout box sounds from. It is a free service, so please do not abuse it and hot-link to their files. It has been brought to my attention that they are receiving 30 hits per minute because people are hotlinking. Remember that if you hot-link, it is not just you, but everyone of your members/guests that downloads the file.
I have been told that SJ will be changing the file locations to stop this happening and if it continues then you may be blocked from the site completely.
Just as this plugin is free, the sounds are supplied free. Download the sounds to your computer and then host them somewhere (such as dropbox).

Thanks for your understanding and I hope you enjoy this free plugin and the free sound FX from SoundJay.

Sound Jay TOS

A site to convert mp3/wav/ogg files: MediaIO (found by blueshead )

For IE: you need an .mp3 file. example: yourhost.mp3
For FF and Chrome you need a .ogg or .wav file example yourhost.ogg

Browser	MP3	Wav	Ogg
Internet Explorer 9+	YES	NO	NO
Chrome 6+	YES	YES	YES
Firefox 3.6+	NO	YES	YES
Safari 5+	YES	YES	NO
Opera 10+	NO	YES	YES

CSS targets:

#volslider{
The slider body
}

.voltooltip {
The tool tip for volume level
}

.ui-slider-handle {
The slider bar
}

.volume {
The volume speaker image
}
#vminus{
The minus text
}
#vplus{
The plus text
}


==============================================

And if you're using drop box to host your sound files, here is a basic guide:

Instructions How To Host A Sound File @ dropbox.com

1/ Create a dropbox.com account.
2/ Go to www.soundjay.com/beep-sounds-1.html
3/ Select the sound you want and download the MP3 and the WAV file to your computer.
4/ Transfer both of these files to your dropbox.com PUBLIC FOLDER.
5/ Go to your dropbox.com PUBLIC FOLDER and right click on each of the sound files.
6/ For each file click 'Copy public link'
7/ Click 'copy to clip board'
8/ Paste that link into the appropriate section of the plugin.
9/ Save the settings in the plugin.
10/ Enjoy!

Example of how your links should look from dropbox.com :

dl.dropboxusercontent.com/u/96017436/beep-5.mp3
dl.dropboxusercontent.com/u/96017436/beep-5.wav

Please use your own links and not the ones above other than for testing. They will be changed after a while and no longer work. They are for reference only.

Please remember that this plugin only works for modern browsers. IE9+, FF, Chrome & others.

[blueshead]

You can also use dropbox for sound storage. Works for me and this plug in.. Thank you!

[aRMY83]

Hello Pebble...

Just imported this and added the sounds (enabled) and get no sound when sending. When I switch back to the 0.0.2, sound is there.

[Pebble]

What version is installed? I just tested it on your site and the sound worked.

EDIT: and just tested is on the demo site and my site and it worked  Maybe your host wasn't responding.....  Try it again and let me know.

[blueshead]

A beep is just too ordinary.. I went with squealing piggies.

[aRMY83]

Jan 26, 2013 20:41:28 GMT -8 Pebble said:

What version is installed? I just tested it on your site and the sound worked.

EDIT: and just tested is on the demo site and my site and it worked  Maybe your host wasn't responding.....  Try it again and let me know.

Now working (Shout Box Sound (Alpha) 0.0.3) okay and as you stated, the host wasn't responding.

[aRMY83]

Jan 26, 2013 16:53:56 GMT -8 blueshead said:

You can also use shoutbox for sound storage.

Hello blueshead...

And where would that be to use shoutbox for sound storage?

[blueshead]

Jan 27, 2013 7:57:47 GMT -8 aRMY83 said:

Jan 26, 2013 16:53:56 GMT -8 blueshead said:

You can also use shoutbox for sound storage.

Hello blueshead...

And where would that be to use shoutbox for sound storage?

oops  too many mardi gras beers.. I meant to say dropbox.. not shoutbox.. 

(rofl)I've edited it... Thanks..

[aRMY83]

No problem blueshead...

[blueshead]

Is there a way to keep the sound on after you navigate away from the page? If I refresh the page or go to threads on the board.. The sound re sets to off.

[Pebble]

Jan 27, 2013 9:07:23 GMT -8 blueshead said:

Is there a way to keep the sound on after you navigate away from the page? If I refresh the page or go to threads on the board.. The sound re sets to off.

Interesting addition to the code! I'm going to say probably  I'll have a look at that when I get some time and post back here.

[blueshead]

Thanks Pebble. It was just a thought.

[Pebble]

Updated code in first post.

Let me know if it works as expected (and thanks for the suggestion blueshead )

[blueshead]

Jan 27, 2013 13:01:44 GMT -8 Pebble said:

Updated code in first post.

Let me know if it works as expected (and thanks for the suggestion blueshead )

Ohhhhhhh Pebble.. I think that did it!  I luvs you!..

[Tressa]

Jan 26, 2013 16:53:56 GMT -8 blueshead said:

You can also use dropbox for sound storage. Works for me and this plug in.. Thank you!

Will the free edition of dropbox work for this, or is it a paid feature?