ux.Media[.Flash/Flex] Components 2.1.2

[hendricd]

@dolittle - Thanks. I'll give that a try with my test suite and let you know it turns out.

[simeon]

hendricd,

You might want to test your media panel in a ssl environement.

Awhile ago I ran into problems with embedding audio into firefox when using ssl.(https)
For some reason the firefox plugin for playing wav files doesn't work in that environment.

I was able to get it to work in https by using <object> for IE and <embed> for Firefox.

My code in case it helps:

var iePlayer = '<OBJECT ID="MediaPlayer" WIDTH=100% HEIGHT=40 CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">'
                +'<PARAM NAME="FileName" VALUE="' + audioSrc + '">'
                +'<PARAM NAME="AutoStart" VALUE="0">'
                +'</OBJECT>';

var ffPlayer = '<div id="ffAudioPlayer"><embed height="20" width="100%" controls="SMALLCONSOLE" autoplay="false" src="' + audioSrc +  '"/></div>';

[hendricd]

Was 'audioSrc' an absolute URL (https://...) in that scenario? Certain plugins have trouble with secure relative addresses.

[simeon]

It was a relative URL. I will experiment with it using absolute urls. Thanks for the tip.

[devnull]

I have been experimenting with this and have been experiencing z-index problems. I just have a flat layout without any tabs or other such lazy rendered components, but there are a few places where date choosers and combo listboxes end up overlapping the mediapanel (which I am using as a flashpanel). whever these overlaps happen, the flash object ends up on top, obscuring the date chooser or combo listbox.
Any ideas how to deal with this problem?

[hendricd]

Try adding:

params:{wmode:'transparent'}

to your mediaCfg.

Flash params reference is here.

[devnull]

well i'll be... i coulda sworn i had already tried that, thanks. in fact now that i went back and checked, that didnt work in my implementation but does in yours
now, is there any sort of built-in functionality to update some or all of the params and force the flash object to refresh.
basically I am looking to emulate my current solution:
(ofc1 being an SWFObject)

ofc1.variables = {param1: 'blah'...etc};
Ext.getCmp('chart1').body.dom.innerHTML=ofc1.getSWFHTML()

perhaps all I need to do is expose the internal SWFObject if it isnt already, mostly just curious if theres any existing functionality for this before i go hacking things apart.

[hendricd]

now, is there any sort of built-in functionality to update some or all of the params and force the flash object to refresh.

That depends on the type and interface your flash object exposes. Some honor commands sent thru the 'FSCommand' interface, but must be written that way.

Both ux.MediaPanel and ux.MediaPanel.Flash use the mediaCfg to pass SWF params (including embedded flashVars):

....
items:[{
         xtype:'flashpanel'
        ,title : 'Annual Sales'
        ,id   :  'salesChart'
        ,mediaCfg:{
                 url        :'chart.swf'
                ,width      :425
                ,height     :355
                ,controls   :true
                ,start      :true
                ,unsupportedText : 'Go get Flash first fool'
                ,requiredVersion : '9.0.45'
                ,params:{
                     wmode:'transparent'
                    ,flashVars:{name:'value', series:'A'}  //Url encoded for you, or
//                  ,flashVars:"name=value&series=A"   //pass as a string
                }
         }
   }] //end items

When the panel is rendered, the SWFObject is exposed as:

myChartPanel.SWFObject.dom

This permits the declaritive approach rather than using API (SWFObject) calls to achieve the same thing before the SWF object is rendered.

Pure Ext. No need for SWFObject API at all now.

[hendricd]

See first post for release notes.

[devnull]

Very cool, thanks again for making this.
I was thinking about it a bit last night at home, and what I want really is not within the scope of what mediaPanel itself is designed to provide. However, it is the perfect base upon which to build my chartPanel, so I will get to work on extending it