Putting sounds in Ext apps

[harley.333]

I'd be curious to see someone use Scott Schiller's SoundManager in conjunction with Ext to make a truly bad-ass application. A JavaScript jukebox would be cool, or even just enhancing your regular app (my customers are too boring for something like this).

Anyway, I was just pointing it out in case someone was interested.
http://www.schillmania.com/content/entries/2006/09/soundmanager2/
http://www.schillmania.com/projects/soundmanager2/

[brian.moeskau]

http://www.schillmania.com/projects/soundmanager2/demo/animation/

Possibly the most fun thing I've done all day :)

[Tlvenn]

I use the following flash bridge myself which works very well:
http://jssoundkit.sourceforge.net/

[nhausig]

I recently discovered that using modal dialogs (BasicDialog with modal prop set to true) chokes SoundManager's output afterwards (at least in FF). Probably because it does something bad to SM's embed element while doing DOM manipulation, but I am only guessing. Anyone with similar exeriences, solutions?

[jay@moduscreate.com]

it shouldn't because it's flash based. might be a CPU thing

[Arikon]

nhausig, try to disable Firebug and test it again. Say if it helps.

[nhausig]

nhausig, try to disable Firebug and test it again. Say if it helps.

Thanks Arikon, unfortunately, same thing with Firebug disabled...
I dug a bit deeper and found that in BasicDialog::beforeShow a class is added to the body


YAHOO.util.Dom.addClass(document.body, 'masked');

masked is defined as


body.masked{
overflow:hidden;
}

If I remove the addClass call in the ext js code or the overflow:hidden in the css everything works fine. (BTW. I'm still using 0.33 RC3)

[joe2987]

Has anyone else tried to get SoundManager 2 working? ..and succeeded?

I think I'm having a similar problem. The sounds seem to work initially (when there's just a login dialog on the screen), but later (after loading the Viewport?), the sounds stop working.

I'm going to try and look into this if I can't find another way of playing sounds.. Any suggestions?

[hendricd]

Has anyone else tried to get SoundManager 2 working? ..and succeeded?

I think I'm having a similar problem. The sounds seem to work initially (when there's just a login dialog on the screen), but later (after loading the Viewport?), the sounds stop working.

I'm going to try and look into this if I can't find another way of playing sounds.. Any suggestions?

The ux.Media (http://extjs.com/forum/showthread.php?t=23983) classes have several examples of video/audio playback and come in a variety of component forms (markup/Component/Panel/Window).

[joe2987]

Thanks Doug.

ux.Media looks a bit overkill for my needs since I just need to play notification sounds - but I'll look into it when I have a chance.

[Lobos]

Thanks Doug.

ux.Media looks a bit overkill for my needs since I just need to play notification sounds - but I'll look into it when I have a chance.

it might seem like this, but in my opinion mediapanel is a must have, not only sounds but for displaying any type of media - images, movies, flash, etc.

You will likely find that it will take less code to display the sound than other solutions, especially if you ever need to add another sound or dynamically set the sound - or add some other media

mediapanel rocks

[joe2987]

Hi Lobos,


it might seem like this, but in my opinion mediapanel is a must have, not only sounds but for displaying any type of media - images, movies, flash, etc. mediapanel is the same as ux.Media, right?

I'm sure the extension is excellent, but as I said, I don't need (and won't need) to handle movies/flash - just notification sounds.

[KarlOKeeffe]

I had the same problem:

Creating a Viewport stops Sound Manager from working.

I was able to work around this by commenting out the last line of the soundmanager2.js file:



// comment out last line of soundmanager2.js
//var soundManager = new SoundManager();


and then just creating the soundManager object myself once the Viewport had been rendered:



// After the viewport has rendered
soundManager = new SoundManager();

soundManager.url = '/static/lib/soundmanager/';
soundManager.defaultOptions.volume = 33;
soundManager.consoleOnly = true;

soundManager.beginDelayedInit();


Hope this helps some one!

[fxmisticat]

I have an issue that maybe someone here has encountered.



soundManager.onload = function() {
soundManager.createSound({
id: 'notify',
url: 'sounds/notify.mp3'

});
}

when a grid gets loaded i want it to play a sound. the grid gets loaded faster than the soundManager is loaded.

i tried placing the grid in soundManager.onload but it has issues in that function.

thoughts anyone?

[moegal]

hi, has anyone got soundmanager working properly in ext?
Marty

[fxmisticat]

hi, has anyone got soundmanager working properly in ext?
Marty

yes

[dawesi]

I have an issue that maybe someone here has encountered.



soundManager.onload =

function() {
soundManager.createSound({
id: 'notify',
url: 'sounds/notify.mp3'

});
}
when a grid gets loaded i want it to play a sound. the grid gets loaded faster than the soundManager is loaded.

i tried placing the grid in soundManager.onload but it has issues in that function.

thoughts anyone?

why not load the soundManager then add an event to then render the grid.

[fxmisticat]

its actually not just a grid.. its the whole ext app needs to load after the soundManager is loaded

I created a preloaded.js file that i need loaded before ext and put it at the top of the file, it works

[moegal]

fxmisticat,
any help getting started?
thanks, Marty