Custom FLVplayback skin buttons

I have searched all over the web and have found multiple site
with titles about customizing the FLVplayback skin. But they all
seem to fall short when it comes to loading a developers own
custome graphics.
Now, I might have just simply missed the boat or I am
overlooking the obvious. But I can't seem to find any examples or
details about how to use my own custom graphics created in
photoshop, and put them in place of the default graphics used in
the Flash provided skins.
I ma looking for someone to suggest a book on this subject or
link to a detailed tutorial on how this is done.
Thanks

erm.. You just need to grab the single buttons from the
component library and replace the graphics with your owns. It's
also explained in the help file of Flash how to do that.
If you need any help, let me know.

Similar Messages

Customizing flvPlayback component buttons

Hello folks,
I am working on a project that includes video. I am
controlling the aspects of the video using custom playback buttons.
However, I want the ability to scrub the video (forward and
back) instead of when you click the forward or back buttons, you're
not going to either the beginning or the end of the video. Think
about your DVD player-when you hit the fast forward button, you are
actually seeing the frames speeding by. Same for the rewind button.
I don't want to jump to the beginning or end.
Does that explanation make sense? If not, please let me know.
I appreciate your time and attention on this.
Kind regards,
Greg

Thank you for posting that code. I feel I'm close to getting this sorted!! I've implemented that function and get output like (the initial number is how deep the instance is in the display list):
1 instance1
2 videoPlayer
2 0
2 instance16
3 instance17
3 instance18
2 instance19
2 instance20
2 instance21
2 instance22
1 instance23
1 instance24
1 instance25
1 instance26
1 instance27
2 instance28
2 instance29
2 instance30
3 on_mc
4 instance32
5 button_mc
5 instance33
2 icon_mc
etc. etc. etc.
However, if I add a button to the skin and give it an instance name it doesn't seem to come through in the list. If I try to target any of these names (video.videoPlayer.instance17.visible = false;) I get 1119 error (Access of possibly undefined property instance17 through a reference with static type fl.video:FLVPlayback).
If i did go down the route of creating my own skin, would the code come across for the buttons and the functionality if I wanted say for example full screen. Would this be a case of just naming and setting instances correctly? Would I need to re-layout objects for full screen?
Sorry for all the questions; it just seems so complex when all I want to do is either override existing skin button code or add a new button.
Thanks for any input, Mark

How do I access flvplayback skin buttons?

I am using a .swf that contains a flvplayback component with
a skin set. How do I access the skin buttons and their events
through actionscript? I see no reference to them as individual
buttons.
Thank You in advance for your help

You need CC2014 for these masks.

FlvPlayback Skin Custom Button calling external function

Hi,
I have a custom movie clip in the flvplayback skin and I am looking for a way to call an external js function. This is what I got inside the skin
my_object.addEventListener(MouseEvent.CLICK, externalFunction);
function externalFunction(){
ExternalInterface.call("ExternalFunction");
Unfortunately, the ExternalFunction is not being called at all. What am I missing here?
Any help is highly appreciated. Thanks

Here you go.
<div id="customEngine_Container" style="z-index: 10001; border: 0px none; width: 400px; height: 550px; position: fixed; bottom: 100px; right: 100px;">
<object width="400px" height="550px" id="customEngine_Container_o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param name="movie" value="customEngine.swf"><param name="quality" value="high">
<param name="FlashVars" value="movieUrl=customEngine-demo-video.flv&skinUrl=customSkin.swf&width=400&height=550&">
<param name="menu" value="false"><param name="wmode" value="transparent">
<object width="400px" height="550px" id="customEngine_Container_o" type="application/x-shockwave-flash" data="customEngine.swf">
<param name="movie" value="customEngine.swf">
<param name="quality" value="high">
<param name="FlashVars" value="movieUrl=customEngine-demo-video.flv&skinUrl=customSkin.swf&width=400&height=550&">
<param name="menu" value="false"><param name="wmode" value="transparent">
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
</object>
</object>
</div>
May I ask, how is it relevant to AS skin calling JS?

Non-Standard Buttons in FLVPlayback skin

I posted this before but I don't think I explained it very
well. I'm trying to add a non-standard button to my FLVPlayback
skin, but it's not showing up. Can you add new buttons (with new
functionality) to FLVPlayback skins or can you only edit the
existing ones? This should be similar to adding a logo, does anyone
have a tutorial or anything on adding a logo to an FLVPlayback
skin?

Look
Here Edit the bar at the bottom of the Skin FLA, and add what
you want to that... unlock all layers, select all, then resize, add
a layer and put what you want. Then when selecting a skin for your
FLVPlayback component, select Custom Skin, and target it.

Reference to FLVPlayback Skin object

So I have a problem with the FLVPlayback. I'm using a
customized version of the SteelOverPlaySeekMute skin, and it works
very well. The only problem is, that Macromedia coded the
FLVPlayback.skinAutoHide poorly, in that it only hides when an
onRollOut is triggered for your FLVPlayback. However, if the
FLVPlayback is the same size as your Stage, this will NEVER get
triggered. I'm finding a way around this by using a MouseListener
with a setInterval to hide the controls by changing the
FLVPlayback.skin to an empty string, and then back to my custom
skin when the mouse moves again. However this is a very clunky
method of handling it, and when the skin first loads back again
after hiding, the playback handle is at the begining and then jumps
to the right position. It's kinda ugly.
So is there any way to reference my skin object so I can set
the _alpha property or something, or do I need to go and code my
own custom UI?

Hi all ,
I'm totally no where by this statement :
" In Practice, a reference argument is anothercopy
y of a reference to the Orginal object "
can any one please explain me further ?In Java there are two kinds of variables. Onewhich
holds the value of a primitive (like say an int)and
another which holds a reference to an object.
Both types of variables are passed in the same wayto
methods. A copy of the content of the variable is
assigned to the method parameter. So in the case ofa
primitive it's a copy of a value and in the caseof
an object its a a copy of a reference.Sorry , But I remember I read in java all the
arguments are by Value and NOT by reference .....
Is that diff for object and primitive type ?Arguments are passed by value.
As UJ said, that value might be a primitive, or it might be a reference. A variable's value is NEVER an object in Java.
http://javadude.com/articles/passbyvalue.htm
http://java.sun.com/developer/JDCTechTips/2001/tt1009.html#tip1
http://www.javaranch.com/campfire/StoryPassBy.jsp
http://www.javaworld.com/javaworld/javaqa/2000-05/03-qa-0526-pass.html
http://www-106.ibm.com/developerworks/library/j-praxis/pr1.html
http://www.cs.toronto.edu/~dianeh/tutorials/params/
http://java.sun.com/docs/books/jls/second_edition/html/classes.doc.html#38698
http://radio.javaranch.com/channel/val/2004/05/21/1085125887000.html

Need help creating custom .swf skin and exporting for use

Please, can anyone help...
I am currently working on a projects that needs to have a custom flash skin player.
I have tried copying and editing excisting skins, but when I export the swf and fla into the crrect folders, I am able to select it from the skin list- however it doesn;t show in the player.
Am I exporting/publishing this in the correct way and to the right folders?
If anyone can give me a tip of how to achieve this that would be great, or a link to somewhere that may have the infor I'd be happy,
Cheers
Cliff

Hi,
Do you mean skinning FLVPlayback palyer?
Warm Regards
Deepanjan Das
http://deepanjandas.wordpress.com/

Example: Customized Segmented ToolBar Buttons

Hi,
I have some mistake when I tried the example [Customized Segmented ToolBar Buttons|http://fxexperience.com/2012/02/customized-segmented-toolbar-buttons/] from Richard Bair.
My css
#background {
    -light-black: rgb(74, 75, 78);
    -dark-highlight: rgb(87, 89, 92);
    -dark-black: rgb(39, 40, 40);
    -darkest-black: rgb(5, 5, 5);
    -mid-gray: rgb(216, 222, 227);
    -fx-background-color: -mid-gray;
.segmented-button-bar .button {
    -fx-background-color:
        -darkest-black,
        -dark-highlight,
        linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0;
    -fx-padding: 0.4em 1.833333em 0.4em 1.833333em;
.segmented-button-bar .button.first {
    -fx-background-insets: 0, 1, 2 1 1 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2;
.segmented-button-bar .button.last {
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0;
.segmented-button-bar .button:pressed {
    -fx-background-color:
        -darkest-black,
        rgb(55, 57, 58),
        linear-gradient(to top, -light-black 2%, -dark-black 98%);
}My fxml
<BorderPane
    fx:controller="de.pro.typwriter.welcome.WelcomeActivity"
    xmlns:fx="http://javafx.com/fxml">
    <top>
        <HBox alignment="top_right" styleClass="segmented-button-bar">
            <children>
                <Button text="About" onAction="#onActionGoToAbout" styleClass="first" />
                <Button text="Help" onAction="#onActionGoToHelp" styleClass="last" />
            </children>
        </HBox>
    </top>
</BorderPane>When I have the links styleClass="first" and styleClass="last" in the css-file this exception is thrown:
SEVERE: javafx.scene.control.Control impl_processCSS The -fx-skin property has not been defined in CSS for Button@100bac2[styleClass=first]
SEVERE: javafx.scene.control.Control impl_processCSS The -fx-skin property has not been defined in CSS for Button@e51b2c[styleClass=last]After removing the links in the buttons the following exception is thrown:
WARNING: com.sun.javafx.css.StyleHelper lookup caught:
java.lang.ClassCastException: java.lang.String cannot be cast to javafx.scene.paint.Paint
     at com.sun.javafx.css.converters.PaintConverter$SequenceConverter.convert(Unknown Source)
     at com.sun.javafx.css.converters.PaintConverter$SequenceConverter.convert(Unknown Source)
     at com.sun.javafx.css.Value.convert(Unknown Source)
     at com.sun.javafx.css.StyleHelper.lookup(Unknown Source)
     at com.sun.javafx.css.StyleHelper.lookup(Unknown Source)
     at com.sun.javafx.css.StyleHelper.transitionToState(Unknown Source)
     at javafx.scene.Node.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.control.Control.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Parent.impl_processCSS(Unknown Source)
     at javafx.scene.Node.processCSS(Unknown Source)
     at javafx.scene.Scene.doCSSPass(Unknown Source)
     at javafx.scene.Scene.preferredSize(Unknown Source)
     at javafx.scene.Scene.impl_preferredSize(Unknown Source)
     at javafx.stage.Window.adjustSize(Unknown Source)
     at javafx.stage.Window.access$700(Unknown Source)
     at javafx.stage.Window$13.invalidated(Unknown Source)
     at javafx.beans.property.BooleanPropertyBase.markInvalid(Unknown Source)
     at javafx.beans.property.BooleanPropertyBase.set(Unknown Source)
     at javafx.stage.Window.setShowing(Unknown Source)
     at javafx.stage.Window.show(Unknown Source)
     at javafx.stage.Stage.show(Unknown Source)
     at de.pro.typwriter.manager.TypWriterManager.initApplication(TypWriterManager.java:122)
     at de.pro.typwriter.TypWriter.start(TypWriter.java:34)
     at com.sun.javafx.application.LauncherImpl$5.run(Unknown Source)
     at com.sun.javafx.application.PlatformImpl$4.run(Unknown Source)
     at com.sun.javafx.application.PlatformImpl$3.run(Unknown Source)
     at com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
     at com.sun.glass.ui.win.WinApplication.access$100(Unknown Source)
     at com.sun.glass.ui.win.WinApplication$2$1.run(Unknown Source)
     at java.lang.Thread.run(Thread.java:662)
WARNING: com.sun.javafx.css.StyleHelper lookup styleable = 'artificial' StyleableProperty {property: -fx-background-color, converter: Paint.SequenceConverter, initialValue: <Value>
<value values="1">
    <Value>
      <value>Color[red=0,green=0,blue=0,opacity=1.0]</value>
      <converter>null</converter>
    </Value>
</value>
<converter>Paint.SequenceConverter</converter>
</Value>
WARNING: com.sun.javafx.css.StyleHelper lookup resolved = <Value>
<value values="3">
    <Value lookup="true">
      <value>-darkest-black</value>
      <converter>null</converter>
    </Value>
    <Value lookup="true">
      <value>-dark-highlight</value>
      <converter>null</converter>
    </Value>
    <Value>
      <value values="7">
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>0.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>100.0%</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value>NO_CYCLE</value>
          <converter>null</converter>
        </Value>
        <Value>
          <value values="2">
            <Value>
              <value>2.0%</value>
              <converter>null</converter>
            </Value>
            <Value lookup="true">
              <value>-light-black</value>
              <converter>null</converter>
            </Value>
          </value>
          <converter>StopConverter</converter>
        </Value>
        <Value>
          <value values="2">
            <Value>
              <value>98.0%</value>
              <converter>null</converter>
            </Value>
            <Value lookup="true">
              <value>-dark-black</value>
              <converter>null</converter>
            </Value>
          </value>
          <converter>StopConverter</converter>
        </Value>
      </value>
      <converter>LinearGradientConverter</converter>
    </Value>
</value>
<converter>Paint.SequenceConverter</converter>
</Value>
WARNING: com.sun.javafx.css.StyleHelper lookup node = ButtonSkin[id=null, styleClass=button]Any idea?
NetBeans 7.1, Windows XP, JavaFX 2.0.2

I haven't tried the code locally, but I'm sure that this is due to Richard building his demo with the developer preview JavaFX 2.1, which features numerous improvements to FXML. I note you're using the JavaFX 2.0.2 GA release. If you are in a developer environment (i.e. you aren't deploying to end users), you may want to consider upgrading to JavaFX 2.1 Developer Preview builds. You can go here to download the builds (and note that the builds are updated weekly):
http://www.oracle.com/technetwork/java/javafx/downloads/devpreview-1429449.html
-- Jonathan

How to add [playheadtime / totaltime] to FLVPlayback skin

I need to add [playheadtime / totaltime] to my FLVPlayback
skin so that I can see it while the video is in fullscreen mode.
Thanks in Advance,
Siraj R Khan
[email protected]

Answer: You can add your movieClip or button to FLVPlayBack
component, like i did.
uFlvPlayer.addChild(PlayTime_txt);
It works in FullScreen mode now.

Showing Hand cursor in FLVPlayback Skin

How can we show hand cursor in FLVPlayback Skin for Flash 9?
I have tried giving "MC.buttonMode = true" but it didnt help.
Any suggestions?
Thanks in Advance,
Siraj Khan
[email protected]

Flash & Flash 9 provide you ready-made skins for
FLVPlayback component. It includes Play/Pause button, Volume bar,
Scrub, FullScreen button etc. By default when a user moves the
mouse over any of the components / buttons it doesn't show mouse
turning as hand cursor. I hope it clarifies the your doubt. Kindly
let me know if u need further clarifications.
Thanks for responding,
-Siraj

Error while deploying, Custom Style Skin in OBIEE 11.1.1.6.7

Hi,
I have deployed Custom Style Skin in OBIEE 11.1.1.5 successfuly (with the help of http://www.rittmanmead.com/2010/12/oracle-bi-ee-11g-styles-skins-custom-xml-messages/ ).
Now when we're moving RPD, Catalog & Custom Style Skin from OBIEE 11.1.1.5 to OBIEE 11.1.1.6.7, I could deploy RPD & Catalog but am not able to deploy Custom Style & Skin Folders.
If you are aware of the process of deploying Custom Style & Skins (as mentioned in the link above), it requies:
1. Custom Style & Skins folder to be Deploy using Weblogic Console.
2. Making necessary changes in instanceconfig.xml (to point to the deployed folder) ---- this is where it's failing.
When I do add necessary tags ( <URL> & <UI>) in instanceconfig.xml and restart Services. Presentation Services dosen't come up. Error message that is in log file is:
In element URL: Can not have element children within a simple content.
unknown element 'UI'
Element 'UI' is not valid for content model : 'All(URL, SocketTimeoutSec,FileSizeMB)'
Any pointers?
Regards,
Jitendra

Hi,
I too faced such issue, actually obiee11.1.1.5 version skin and style wont work in obiee11.1.1.6.0 and above patch ..
u have do it once again by using obiee11.1.1.6.0 skin (because the 11.1.16.0 has UI and skin different from 11.1.1.5.0 )
Thanks
Deva

How can I add a custom made share button for Facebook?

Hi!
I have built a custom "share"-button for Facebook (with an additional layer for rollover/active states, using photoshop), but I don't know how to make it work?
What code do I have to use, or can I just create a link using my button? What would the adress be?
I googled this but couln't find anything that helped...
Thanks in advance!

It doesn't appear so simple Tobi. The image is pulled from Facebook's servers and the button in itself is an altogether different HTML page from Facebook shown on your site within an iFrame.
I found something similar to your request (this requires PHP support on your server). Please check the below link.
http://www.daddydesign.com/wordpress/how-to-create-a-custom-facebook-share-button-with-a-c ustom-counter/
Thanks,
Vikas

Is there a way to use/fix FLVPlayback skins provided with the product?

Some of the "skins" for the FLVPlayback component cannot be used as delivered in the Flash Professional CS5 package.
For instance, if you try simply to run the .swf file: MinimaSilverPlayBackSeekCounterVolMuteFull.swf in Program Files/Adobe/Adobe Flash CS5/Common/Configuration/FLVPlayback skins/ActionScript 3.0, you get the following error message:
VerifyError: Error #1014: Class fl.video::UIManager could not be found.
Such a skin cannot be used in a published application (though it will work within the Flash IDE in Test mode).
Not all the skins have this problem. However, at least all of the Minima prefixed ones do. Of course the one I wish to use is broken. Is there a way I can fix this? If I try to publish the corresponding .fla (in FLVPlayback skins/FLA/Action Script 3.0 I get "Warning: unable to load SWC FLVPlaybackAS2.swc".

Well I don't really understand the position you are taking here. Did you try to run the examples I gave?
I will be a sport, though, and back up here and explain more fully.
I had originally built a rather trivial application to experiment with the FLVPlayback component. I did this with AS-3, by the way.
As I tried different skins I found, strangely, that when I used one of the Minima ones (for instance, the one that I listed several times above), that it would run fine in the IDE in test mode, however when I ran the published application it would not run correctly. It generated instead this error message about the fl.video class not being found.
In trying to determine the cause of this, I found that this same error would be generated, just by trying to run the Minima skin (swf) in the Flash player by itself. And sure enough those skins that did NOT have the problem with my trivial app also did not generate any error when the swf was run in the Flash player.
So, as you hopefully can see, I took my application out of the equation here. The question of interest is why do some of the unmodified swf skin files generate the class not found error and can they be fixed (or is there anything I can do to fix them) so that error does not happen. I had even tried to use the original FLA file for the skin (as I described in my earlier post) and recompile it. However that caused a compile error (listed in the original post) that is indicative of some AS2 being mixed in, possibly from some sub-component.
So I guess all I was hoping for was that you would try to run the AS3 Minima...swf skin listed earlier straight from the product installation. Just run it with the Flash player. If it doesn't generate the error for you then perhaps there is something odd about my CS5 installation, or environment, or ...
If you don't want to try this, that is your perogative. Perhaps someone else can/will. Or perhaps I can submit this as a bug? (I do not know the mechanism for that)
I am not trying to be argumentative here. Rather, I have tried to isolate the issue. I don't know how else I can make this clear.

Custom close / exit button in HTML widget

Hi,
how to set a custom close / exit button in a HTML widget for iBooks Author? I want to replace or hide the standard button in the top left corner.
I already tried some JavaScript but nothing seems to work so far. Where can this button be modified or disabled and how to create a custom one?
Best regards

Hi Ken,
thanks for your reply.
It's good to hear that this button can be changed.
It would be interesting to know how this can be achieved. Any hints?
Best regards

How to add custom link or button to task details page to open a different t

Dear All
In HumanTasks Workflow, On task details page, I want to add a custom link or button. Clicking on this link or button, should load a different task details page.
The exact business usecase is like this:
1. We have some human tasks with very detailed payload like about 100 attributes. When the task is submitted for Approval, we send notification emails. These emails shows the Task Details with all these 100 attributes along with standard Approve, Reject buttons etc. NOW in addition to this, we want to add extra custom button/link like Custom View. When we click on this buton or link, it should replace the task details page with the Custom task details page contents. The reason is most of the managers/approvers access their emails on smart phones like iphones. So in these phones, seeing full task details (100 attributes) is very tedious. So we want to provide a simplified view of same task with very minimum attributes like about 10 with Approve, Reject buttons. Now this compact view details will have a button called Detailed View on click on which it loads details page.
So we want to have 2 pages for a task:
taskDetails1.jspx -> Has all 100 attributes with a custom button/link called "Compact View". Click on Compact View switch to below page.
taskCompact1.jspx -> Has only 10 attributes with a custom button/link called "Detailed View". Click on Detailed View switch to above page.
1. I tried implementing this using the VacationRequest sample where the payload is like creator, startdate, enddate, reason. I already have taskDetails1.jspx page, which shows this information in the email body.
2. I want to add another button to taskDetails1.jspx so that when I click on it, I want to load a different page like taskCompact.jspx which has only say creator, reason.
I already added a link and gave the url with parameters like taskId, taskContext etc which I got from bindings, but nothing is displayed when I click on custom button. The taskId, context values are comming correctly in the url.
So bottom line, what is the URL that I can provide in the task details page, to load a different task details page contents. I want to pass other taskdetails jsp details.
Please let me know, if there is any other approach to implement this usecase.
Thanks in advance
Ravi Jegga

Hi,
I am not sure if you can add your own custom buttons to the application tool bar because your table control is in a sub screen area in a standard screen so the menu area would be controlled by the standard screen and not the subscreen , but along side the table control you can give buttons for scrolling and handle the same in the subscreen if you check the FM EXIT_SAPLMEREQ_002 it has a variable IM_UCOMM which would have the ucomm set in the subscreen so here you can handle your user command to scroll on the table control.
Regards,
Himanshu

Custom FLVplayback skin buttons

Similar Messages

Maybe you are looking for