Styling / Skinning the MediaPlayback Component

I've been trying to change the colors on the darn
MediaPlayback Component for months!!! I've read so many tutorials
on skinning, styling, etc... but I can't get these stupid colors to
change. I've managed to style other components using code, using
themes, etc... but this component won't budge!
Can someone point me to a method that 100% works? I'm not
looking to change button shapes, only the colors.. specifically the
green. If code works for this, I am comfortable with code.
Anything!
I'm using Flash 8 Professional.

: http://flash.sikotiko.com/2009/05/05/as3-skinning-slider-component/

Similar Messages

Any sources for styling \ skinning the Slider component?

Any sources for styling \ skinning the Slider component?
ie setting the background invisible or using another graphic in place of the line/rectangle graphic. using another graphic for the thumb. replacing the current graphic thumb has restrictions in dimensions,

: http://flash.sikotiko.com/2009/05/05/as3-skinning-slider-component/

Using skin from mediaplayback component on flvplayback component ?

Hi.
Is it possible to use the skin from the mediaplayback
component on the flvplayback component ?
(I've been checking online for this but can't find answer
anywhere.)
I want to use the flvplayback so as I can keep the movie
controls within the area of my flv movie.
The flvplayback is too large with the boarders and the fact
that the progress/control bar is placed outside of the movie area.
Any advice would be great. Thanks. Joey

Hi.
Is it possible to use the skin from the mediaplayback
component on the flvplayback component ?
(I've been checking online for this but can't find answer
anywhere.)
I want to use the flvplayback so as I can keep the movie
controls within the area of my flv movie.
The flvplayback is too large with the boarders and the fact
that the progress/control bar is placed outside of the movie area.
Any advice would be great. Thanks. Joey

How to skin the UI Component using AS3

Hi,
My application demands skinning the scroll bar component using coding.
Aware of manual skining but how can we change the skin programmatically using AS3.
Help please.

When you create content dynamically, using the dot notation doesn't work and you have to use getChild... methods if you want to access via the parents. However, you shouldn't need to do that since you already have a direct reference to the object...
nextChild.addEventListener(MouseEvent.CLICK ,onChildClick);
function onChildClick(evt:MouseEvent):void
trace("Last Child is Clicked");
You probably could have realized this when you were implementing this line (assuming it worked)...
myChild.addChild(nextChild);
With the parent approach to targeting, wouldn't you have tried to use... myMovie.myChild.addChild(nextChild); ?
and "Click" should be "CLICK"

Skinning the same component in a different way

I want to skin a commandLink differently. I tried:
af|commandLink {
    color: Yellow;
.level1 af|commandLink {
    color: Fuchsia;
.level2 af|commandLink {
    color: White;
and the links
<af:commandLink text="Yellow" id="cl0"/>
<af:commandLink text="Fuschia" id="cl1" styleClass="level1"/>
<af:commandLink text="White" id="cl2" styleClass="level2"/>
Thanks
JDev 11gR1

Use
.level1 {
    color: Fuchsia;
.level2 {
    color: White;
Timo

FLV progressive download and MediaPlayback component???

Hi
I have to use FLV and progressive download. I did that with
the Video Object. That works great. The problem is that Video
Object does not allow us to control movie volume. It does not give
many function to control my movie. So the solution should be to use
the MediaPlayback component that gives me many fonctions, listner,
... But how to make it works with a FLV that reside on the server
but not in Streaming. I need to load it in progressive.
Any idea.

It's a snap with Flash 8 Pro. You just attach a skin to the
FLV with all the components (such as volume, mute, play, and pause)
and your good to go. Not sure how it works with earlier versions of
Flash.

How can I skin the TextLayout scrollbar?

I've been searching online for hours about how to skin the scrollbar component thats embedded in the TextLayout component. I'm using Flash CS4 and Actionscript 3. I'm guessing it is very similar to skinning other components, but it doesn't seem to work the same way. Here's one line of code I'm trying:
myTextLayoutComponent.setStyle("thumbUpSkin", "SliderThumbUp");
where "myTextLayoutComponent" is the instance name of the TextLayout component, "thumbUpSkin" is the Style's skin I want to change, and "SliderThumbUp" is the Class name of a MovieClip in my library.
This same code works perfectly with the ComboBox component, UIScrollBar, and similarly with other components.
The documentation has all the skins listed in the "Styles" area, but this code does absolutely nothing. Does anyone have a clue how this can be accomplished? I'm guessing I'm very close, but missing something! I haven't been able to find anything online about skinning this new TextLayout component with ActionScript. Any help will be greatly appreciated.
Here's a link to the documentation if it's at all helpful:
http://livedocs.adobe.com/labs/textlayout/fl/controls/TextLayout.html
Thanks!

TLF itself doesn't include a scroll bar, we just have the internal support necessary for scrolling. The scroll bar itself is supplied as part of Flash. If you have picked up the Flash Component for TLF, I think it is rather old now -- it uses a version of TLF that dates from more than a year ago. We have a new version out now that is much better. But it does not come with a component for Flash. I would suggest getting the new version of TLF from the Flex open source at http://opensource.adobe.com/wiki/display/flexsdk/Flex+SDK. You don't have to use Flex to use TLF, its just the best way to get the most up to date version. Then you can use the TLF libraries in Flash, although not with the Flash component. You will have to build your own component in Flash. Alternatively, you could wait for Flash CS5 (see cslaunch.adobe.com), which will have support for TLF.

MediaPlayBack component, forward button grayed out

I am using the mediaplayback component and it plays the FLV
fine when I test it. It allows me to pause and play and rewind to
the first frame, but the fast forward button to go to the end of
the flv is grayed out. I don't know why? Also I am loading a swf to
play as a preloader when the flv is done loading. What functions do
I use to code this. thanks!

FYI.. This was a UME Role issue.
Assign the user all of the BPM roles and at least one gives them access..

When to use FLVPlayback and when to use MediaPlayback component

Hi,
I looked at at the FLVPLayback component and the
MediaPlayback Component and I wonder when one should be used over
the other? Any experienced designer out there that can tell me?
thanks
-Malena

Hey, My problem with using flvplayback is that SOME windows
vista computers, and i seriously cannot figure out exactly what it
is but they will play the flv very choppy and so i had to use
mediaplayback and it works fine on all computers that i have tested
it on. it was VERY annoying because my client kept attempting to
watch video from his computer and it came through as garbage and
when i watched it, well it was perfect. so i tested it out on
several different computers and operating systems and found that
certain computers were just not compatible. I am assuming they were
just not up to date? i dunno, i have a mac, dont have those
problems :)

MediaPlayBack component audio speed

If, i've following the basic instructions for using the
mediaPlayBack component:
drag to stage, set to MP3, target a *.mp3 and publish.
fla, swf and mp3 are all i the same folder.
Works fine expect teh mp3 is being played back liek a
chipmonk - doubel / maybe treble speed etc.
why? i can't find a setting to control this?
help, Rich
Ps. Win XP Pro SP1, Flash Pro 8

Yes your correct. Here's something I found on the subject:
From here
http://odeo.com/help/faq
What's with the high speed playback on some audio?
You’ve been chipmunk’d! Sometimes the Macromedia
Flash player has a hard time dealing with files that are encoded at
a rate that is not a multiple of 11.025 kHz. The result is what we
call the “chipmunk” effect. When you download the file,
it will play normally on your computer or device. Note to audio
creators: Avoid being chipmunk’d by encoding MP3’s at
11.025 22.05 or 44.1 kHz.

Is there a way to expose properties or styles from a skin part to the host component?

For example, I have this skin that contains a border around an image. I would like to be able to let the user set the cornerRadius.
Skin:
<fx:Metadata>
<![CDATA[
[HostComponent("spark.components.Image")]
[Style(name="cornerRadius", inherit="inherit", type="int")]
]]>
</fx:Metadata>
</code>
I would like to see that style show up in code complete in a UIComponent that uses this skin,
<s:Image x=”10″ y=”30″ width=”50″ cornerRadius=”12″ skinClass=”ScaleImageSkin” height=”50″ source=”avatar.png”/>
However the style “cornerRadius” throws an error at compile time.

The only way I've found to pass properties or styles to a skin is through CSS or extending the host component and adding the styles or properties onto it. However this seems like a hack. Shouldn't the skin expose it's configuration to the host component? I think that is what Flex themes are doing.

Making the flv component accessible?

I am using the flv player component and am having trouble adding the players buttons to the tab order.
I opened the FLA for the skin I am attaching to the component, and individually selected the play, close caption and full screen button and assigned them each a tab order number within the Accessibility window. I also selected the "make object accessible" checkbox for each button within the Accessibility window. Doing that didnt seem to work, so I looked further and found that there is an accessibility class and I have now tried to utilize that class with the following code:
import fl.accessibility.ButtonAccImpl;
ButtonAccImpl.enableAccessibility();
but still dont seem to be doing something right?
does anyone have experience accessibility and the flv player component?
many thanks in advance.
corey.

i found this on adobes site but the code dosent seem to be correct? it throws this error when i publish:
Scene 1, Layer 'actions', Frame1, Line 10 1046: Type was not found or was not a complie-time constant: Void.
DESCRIPTION:
The FLVPlayback component skins with captioning support were designed with keyboard and screen reader access in mind. The class mx.video.skins.AccessibleSkin assigns a text label to each of the FLVPlayback controls. The AccessibleSkin class also provides the method assignTabIndexes for assigning tab index values to the FLVPlayback controls and incorporating them into the logical tab order of your Flash application. The assignTabIndexes method accepts a start index as a numeric parameter, iterates through the FLVPlayback controls assigning a unique tab index value to each control, and returns the next available tab index number.
CODE:
// The starting tabIndex for the FLVPlayback controls
var nextTabIndex:Number = 10;
// define a listener object
var listenerObject:Object = new Object();
// define a skinLoaded event handler
listenerObject.skinLoaded = function (eventObject:Object):Void
    // this is technically a hack since the skin_mc is
    // a private property of the FLVPlayback component
    var accessibleSkin = eventObject.target.skin_mc.accessibleSkin;
    if(accessibleSkin){
        // It's best to wait a frame until
        // all FLVPlayback controls initialize
        var intID:Number;
        intID = setInterval( function(){
            // assign tabIndexes starting at nextTabIndex
            nextTabIndex = accessibleSkin.assignTabIndexes(nextTabIndex);
            // trace the next tab index after
            // FLVPlayback controls
            trace( nextTabIndex );
        clearInterval(intID);
        }, 100 );
// register listenerObject to handle "skinLoaded" event.
// this code assumes that your FLVPlayback component instance is
// named "myFLVPlayback_flvp"
myFLVPlayback_flvp.addEventListener("skinLoaded",listenerObject);
i miss good old AS2
thanks again in advance for any help.
corey

[svn:fx-trunk] 11444: Initial commit of the TabBar component.

Revision: 11444
Author:   [email protected]
Date:     2009-11-04 12:22:02 -0800 (Wed, 04 Nov 2009)
Log Message:
Initial commit of the TabBar component. ButtonBar and TabBar share a new base class called ButtonBarBase.
QE notes: tests for TabBar are TBD
Doc notes: Please check the new TabBar, ButtonBarBase ASDoc
Bugs:
Reviewer: Alex, Glenn
Tests run: ButtonBar Mustella tests pass
Is noteworthy for integration:
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/defaults.css
    flex/sdk/trunk/frameworks/projects/spark/src/SparkClasses.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/ButtonBar.as
    flex/sdk/trunk/frameworks/spark-manifest.xml
Added Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/TabBar.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/components/supportClasses/ButtonBarBas e.as
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/TabBarButtonSkin.mxml
    flex/sdk/trunk/frameworks/projects/spark/src/spark/skins/spark/TabBarSkin.mxml

Will the FLVPlayback component play MP3's without FMS?

Will the FLVPlayback Component (version 2.5.0.15) play an MP3 file without it having to be streamed through a Flash Media Server? All I'm looking for is to place a player into my Flash that plays an MP3 file that's in the same directory as the SWF.
Here's my code... it's pretty simple:
import fl.video.FLVPlayback;
var myMusic:FLVPlayback = new FLVPlayback();
myMusic.source = "mySong.mp3";
myMusic.skin = "SkinOverPlayMute.swf";
myMusic.skinBackgroundColor = 0xCCCCCC;
addChild(myMusic);

So the answer is no, correct? FLVPlayback will not handle MP3 files?
My new script, in case anyone is interested:
import flash.media.Sound;
import flash.net.URLRequest;
var songTitle:String = "Shake Your Rump"
var fileName:String = "shakeYourRump.mp3"
var myMusic:Sound = new Sound(new URLRequest(fileName));
var soundChannel:SoundChannel;
var isPlaying:Boolean = false;
var currentPosition:Number = 0;
btn_Rewind.addEventListener(MouseEvent.CLICK,rewindMusic);
btn_Play.addEventListener(MouseEvent.CLICK,playMusic);
btn_Pause.addEventListener(MouseEvent.CLICK,pauseMusic);
txt_Status.text = 'Click play to hear "' + songTitle + '"';
function rewindMusic(myEvent:Event): void {
currentPosition = 0;
txt_Status.text = 'Rewinding "' + songTitle + '" Click play to restart.';
if (isPlaying) {
soundChannel.stop();
soundChannel = myMusic.play(currentPosition);
txt_Status.text = 'Playing "' + songTitle + '"';
function playMusic(myEvent:Event): void {
if (!isPlaying) {
soundChannel = myMusic.play(currentPosition);
isPlaying = true;
txt_Status.text = 'Playing "' + songTitle + '"';
function pauseMusic(myEvent:Event):void {
if (isPlaying) {
currentPosition = soundChannel.position;
soundChannel.stop();
isPlaying = false;
txt_Status.text = '"' + songTitle + '" is paused. Click play to resume.';
stop();

Has anybody ever used the Accordion component?

The way an Accordion component currently functions is, when a
user clicks on a segment it slides to display the content.
I would like it to slide and display the content when the
user rolls over a segment, but I can't figure out how to detect the
index of the segment that the user rolls over.
Also I can't figure out how to align the labels right and
change the text to white. My code is below, please help.
import mx.containers.Accordion;
//skinning the segments
Accordion.prototype.falseUpSkin = "falseUpSkin";
Accordion.prototype.falseDownSkin = "falseDownSkin";
Accordion.prototype.falseOverSkin = "falseOverSkin";
Accordion.prototype.falseDisabledSkin = "falseDisabledSkin";
Accordion.prototype.trueDownSkin = "trueDownSkin";
Accordion.prototype.trueUpSkin = "trueUpSkin";
Accordion.prototype.trueOverSkin = "trueOverSkin";
Accordion.prototype.trueDisabledSkin = "trueDisabledSkin";
//creating the segments
var s1 = mainAccordian.createSegment("content1", "s1",
"label1");
var s2 = mainAccordian.createSegment("content1", "s2",
"label2");
var s3 = mainAccordian.createSegment("content1", "s3",
"label3");
var s4 = mainAccordian.createSegment("content1", "s4",
"label4");
var s5 = mainAccordian.createSegment("content1", "s5",
"label5");
var s6 = mainAccordian.createSegment("content1", "s6",
"label6");
var s7 = mainAccordian.createSegment("content1", "s7",
"label7");
setAccordionStyle(mainAccordian);
// can't detect when the user rolls over a segment or get the
index
// of that segment
s1.onRollOver = function() {
// this only seems to detect when the user rolls over the
// content of the selectedIndex
//aligning the text right and changing the font color to
white doesn't work
function setAccordionStyle(accordion) {
accordion.setStyle("headerHeight", 31);
accordion.setStyle("fontFamily", "Verdana");
accordion.setStyle("textAlign", "right");
_global.styles.AccordionHeader.setStyle("fontColor",
"white");
_global.styles.AccordionHeader.setStyle("fontSize", 12);
}

Hi syed..
Please use FM MD_STOCK_REQUIREMENTS_LIST_API to get all information for transaction MD04/MD05.
You might also want to check out the function module API.
MD_MRP_LIST_API
and also
check this link for extracting data from MRP tables:
http://www.sap-img.com/pp001.htm
If it helps Reward with points..
Regards Rk..

Styling / Skinning the MediaPlayback Component

Similar Messages

Maybe you are looking for