Controlling Flash timeline with Javascript

I have a project I'm taking over from a Flash designer. The
way he created the project isn't the way I would have done it, and
I'm trying to salvage what is there. My question: Is it possible to
control the timeline of an .swf from Javascript?
Basically, the movie has four different sections, each noted
with a frame label. I'd like to be able to have the user click on a
text link in HTML, and using javascript, load the movie in a new
window, and immediately go to the frame label specified.
Is this possible?

Yes, Flash and Javascript can communicate. I would try using
the toolkit from
http://weblogs.macromedia.com/flashjavascript/

Similar Messages

C# control event handling with javascript

How can I get javascript to execute for "onchange" / "OnSelectedIndexChanged" event instead of a CodeBehind method? I think "OnSelectedIndexChanged" event has to be handled by CodeBehind; but how can I replace that (or onchange) with
a javascript event handler?
I have the following in my xyz.ascx file:
<asp:DropDownList ID="ddlTypeCar" CssClass="BatsRefAddressTypes" runat="server"
                  onchange="javascript: testAlert();"
                  OnSelectedIndexChanged="ddlTypeCar_SelectedIndexChanged"
                  AutoPostBack="True" />
I could not get the javascript to execute, even though I removed OnSelectedIndexChanged="ddlTypeCar_SelectedIndexChanged" and/or set AutoPostBack="false".
Additionally, I tried added the following in xyz.ascx.cs Page_Load() method.
ddlTypeOfAddress.Attributes.Add("onchange", "javascript: testAlert();");
which didn't help.
Thanks for your help in advance.

Hi,
you can control client events instead of server events with javascript
look this url for more information
http://www.w3schools.com/js/js_events.asp
Regards

Controlling flash presentation with voice over and animation

Hi everyone,
I have a project coming up where I will have voice over to
explain some animation that will appear on stage. It is basically a
explanation of what a company does, services they offer...etc.
Can anyone point me in the right direction on where to start
something like this? So that my final project has a prev, next,
stop, play, pause buttons and all of these affect the animations
and voice overs. I suggested to make this on video and bring it
into flash using a video player, but they want it to be into a
single SWF to put on their website.
Any help would be great!
Thank you,
Rafa.

kglad,
That is what I ended up doing after posting. I made a little
demo for my client showing him how well it was running as an FLV
and mentioned the possibility of losing sync if we went the other
way.
They were not to impress with the default player controls
that come with flash. Do you know of any good tutorials on building
custom controls (scrub bar, play/pause, prev, next...etc)?
thank you,
Rafa.

Controlling the timeline with mouse scrolling

Hello all,
i need to control the timeline animation with the mouse wheel.
how is it possible
i've tried this code but I've could only make it work with mouse move, unfortunatly the scroll does not work -
composition ready:
this.onMove=function(posX, posY){
timelinecontrol = Number(posX)*30;
console.log(timelinecontrol);
sym.stop(timelinecontrol);
mousemove:
this.onMove(e.pageX, e.pageY);
I've also tried this one - http://forums.adobe.com/thread/1149792
but didnt worked either
many tnx!!!!

found the answer at this thread -
http://forums.adobe.com/message/5628190#5628190
this is the exampel posted by Vinay -----
Here is an example - http://www.dealsdrizzle.com/research/scroll/scroll2.html
Source - http://www.dealsdrizzle.com/research/scroll/scroll2.zip

Controlling captivate movie with JavaScript

Hi,
I am trying to use Flash methods to control a captivate movie
using procedures documented in the support center article:
http://www.adobe.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03. html
I am using the following code in a JavaScript:
var movie = window.document.Captivate1;
movie.StopPlay();
Captivate1 is the object ID assigned by Captivate when it
generates the HTML file. The movie does not respond to the command.
I have created my own Flash movie and the StopPlay command
works with it.
Thanks in advance for any help anybody can provide!

Captivate SWFs don't respond like other Flash movies. You can
use similar techniques, but must use some specific, legacy "control
variables" that are hanging around since the RoboDemo days:
To pause a movie, use rdcmndPause = 1;
A good place to find more details is here:
http://www.raisingaimee.co.uk/index.php?option=com_content&task=view&id=27&Itemid=29

Controling a Gallery With Javascript

I would like to use a Boolean array to control the images in a gallery. Each index in the array would correlate to a specific image, which would not appear in the gallery if array[i] == false, but the image would appear if array[i] == true.
I could use some help with controlling the gallery. Is there a way to do the following?
    Access a specific slide at an index via javascript.
    Get the number of slides in the gallery via javascript.
    Add/remove slides to/from the gallery via javascript.
    Set the image path for a given slide via javascript.
It seemed to me like such information should be here:
https://developer.apple.com/library/iad/documentation/iAdJS/Reference/iAP.Galler yViewClassRef/iAP/iAP.html#//apple_ref/doc/uid/TP40010655
However, I think I must be missing something. If anyone could point me in the right direction, I would appretiate it!
Thanks,
Robbie

Hmmm....Did you double-click on the cell and drop in the image object or just lay it on top. It's gotta be inside the cell so it's included in the serialization. Not sure what else it could be.
Code for the page that works for me is:
this.milestones = [];
this.onViewControllerViewWillAppear = function (event) {
          // Code here for the "View Will Appear" event.
    // path to my server
    var webservicePath = "http://localhost/myfeed.json";
    // asynchronously load the webservice
    var xmlLoader = new iAd.XHRLoader(webservicePath);
    xmlLoader.delegate = this;
    xmlLoader.load();
// Called when the XHR call failed
this.loaderDidFail = function ( loader, error ){
    alert("Load failed with error: " + error);
// Called when the XHR call was successful
this.loaderDidComplete = function (loader){
    var galleryView = this.outlets.timelineGalleryView;
    galleryView.dataSource = this;
    // grab and store the content returned
    var json = loader.content;
    var jsonObj = JSON.parse(json);
    this.milestones = jsonObj.timeline.milestones;
    // store an archived copy of the prototype cell
    this.archivedPrototypeCell = iAd.Archiver.archive(galleryView.cellAtIndex(0));
    // tell the gallery to update itself
    galleryView.reloadData();
this.cellAtIndexInContainer = function(container, index) {
    // create a new instance of the prototype cell
    var newView = iAd.Archiver.restoreFromArchive(this.archivedPrototypeCell);
    // event data at the index
    var milestone = this.milestones[index];
    // get the path to the event image
    var imagePath = milestone.image || '';
    // create an image object and assign to the image property of the imageView
    newView.subviews[3].image = iAd.Image.imageForURL(imagePath, false);
    // set the text values
    newView.subviews[0].text = milestone.date || '';
    newView.subviews[2].text = milestone.title || '';
    newView.subviews[4].text = milestone.description || '';
    return newView;
this.numberOfCellsInContainer = function(container) {
    return this.milestones.length;
and the cell hierarchy looks like this:
-M

Updating Flash Variables with JavaScript

I am looking to update a Flash Variable that I created in my Xcelsius Component by using JavaScript.
I would like to know if this is possible and if so an example would be great.
Thanks in advance

Hi Christopher,
This is possible. To get a brief idea of what FlashVars look like in the HTML:
1) In Xcelsius, add a FlashVar connection and bind it to a range
2) Export your project to HTML
3) Open the HTML in notepad and notice the FlashVar properties in the Object and Embed tags.
Basically your JavaScript will control the variable that go into your FlashVar parameters. I have attached a basic example for you.
In this example, the value input updates the flash variable which is linked to the gauge component.
Best regards,
Jon Teopaco

How do I control flash object with captivate play head?

Hi All,
I am a learner to the captivate.
I am having problem with animation-audio synching with captivate paly head. When I inserted an animation to the slid, It does not synch with the play head. So I lose the control of pause, next. I tried out synch to project option but it didn’t work out.
Can anybody help me in this. Should I write any script in animation or any widget is there…
I am using flash6 and captivate 5.5.
Thanks,
Arundhati.

Hello,
Nothing to do with button becoming inactive, really, but with the way the Effects are scripted. Will try to answer your question about the buttons however.
I'll try to explain the functionality of a button. A button typically has a pausing point that is visible on the timeline, right? The portion before the pausing point is the 'active' portion, which will mean that the user can click on the button and this will have results. When you click on a button, the action attached as Success action is triggered, in this example the Text Caption is set to visible. But at the same time the playhead is released and moves beyond the pausing point into the Inactive portion, which means that it cannot be clicked again.
Two possible solutions:
use a rollover caption instead of your click/text captions work flow.
Create a small advanced action BtShow1 and BtShow2 for each of the buttons, again I have screenshots ready but they are not accepted, bummer.... Will try to write the statements:
Show Text_1      for the first button, shows the correct Caption
Hide Text_2       hides the other caption that could have been shown by the other button
Assign rdcmndGotoFrame with rdinfoCurrentFrame            this expression puts back the playhead directly before the pausing point so that button remains active
You can duplicate this action to create Btn2, and you only have to reverse the ID's of the Text Captions
When you attach those actions to the buttons, you can click as many times as you want. You tell that you have searched the forums? Bit strange because I have been explaining this so many times, and blogged about this kind of micro-navigation (frame by frame):
Micro-navigation in Adobe Captivate
Lilybiri
PS: when updating, I can insert one image, will try to add the other one, in a second update perhaps

Playing different flash movies with Javascript

I've been researching this on the web to no avail so I figured I would post.
I am developing a homepage similar to http://www.extractable.com/
I have several different areas of text, which when you hover over them, I would like a different flash movie to play. I have created this using pictures (example of one piece of the code is below), but want to increase the flashyness with, well, flash
      if (obj.id =="txtHolderPrograms")
      document.getElementById("imgLargePicture").style.filter="blendTrans(duration=.5)";
      document.getElementById("imgLargePicture").filters.blendTrans(duration=.5).Apply();
      document.getElementById("imgLargePicture").src = "PMDO.png";
      document.getElementById("imgLargePicture").filters.blendTrans(duration=.5).Play();
      document.getElementById("imgLargePictureHREF").href = "XXXXXXXXXXXX";
I have a div where I want the different movies to play in. What is the best way to get the different flash files? Keep in mind that extractable site is doing just about exactly what I want to do.
Any help would be greatly appreciated!

I can't tell how you have things set up between the title of your posting and what you say to explain the problem. What are you calling pages? How do the pageselate to the 2 flash file in the doc you mention?

How to control Flash Player playback using JavaScript?

I have a local file-based web page (HTML file) containing an embedded YouTube video.
Now I want to write some JavaScript to control the Player's playback parameters, like volume, mute, play, stop etc., using JavaScript in the file. However, I don't seem to be able to access any of these function.
Can someone please enlighten me on what I need to do to be able to control Flash Player from JavaScript?

I'm not acquainted with Flash too much, I'm afraid... Both paged didn't give any example I could leverage.
I'm searching for something equivalent to something like this:
document.getElementById("MyMoviePlayer").mute();

Question about controlling embed quicktime object with javascript

Hello,
I am using javascript to control an embedded quicktime object on my website a la http://www.protofunc.com/2008/02/01/controlling-embedded-video-with-javascript-p art-i-quicktime/ .
The problem I am having is with the movie.Stop() command. When I hit the pause button on the generic controller, it freezes the current frame. When I call the Stop() command, the movie goes white until it is resumed. Does the pause button do anything more than call "Stop()"?
Thanks,
Nick

any luck with this? i am thinking of trying protofunc.
fyi:
i switched from SWF files to QuickTime H264, and have been trying to use the QuickTime/File/Save For Web feature on my movie promo web site.. all the movies play choppy on computers (desktops and laptops), but the technique works well on iPhones and iPads.. it is a bit unfair, IMHO, that apple can make trailers work so smooth on trailers.apple.com, but using their technology does not seem to work for "the rest of us"..
any web sites other than apple that can help?

Controlling Timeline With Touch

Hi! I use edge animate in adobe dps. I searched to control the timeline with touch (or scroll) in the forum. Even some solutions were discussed, i didnt find the perfect one. It could open so many possibilities like slideshows, parallax, diagonal textscroll etc.
I would like to build a wide animation and control the timeline by scrup/swipe with my finger.
I found something which works, but it seems the directions doesnt work in adobe edge animate anymore. Does anyone know how to resolve this problem? Demofiles would be awesome.
Here is the solution i found, which doesnt work in the latest edge.
http://codehandyman.blogspot.de/2011/12/adobe-edge-animation-controlled-by.html
And here is the result. Works on ipads in indesign dps:
http://www.northeastmagic.com/adobeEdge/scrollbar_scrubber/test7.html
thanks,
Klaus

Hi Jerry, in my opinion the best for magazines right now is to swipe left and right to the article and down to see the full article. For that I want to decide if it's snapping to single pages vertically, or smooth scroll etc. Im my case I wanted to have a smooth scroll parallax version which I can build in adobe edge (it's possible to do with stellar.js - most of the other parallax html script doesnt work on ios). But it's s so easy to do in adobe edge animate! I also want to build full pages in adobe edge, since there are more ways to animate things (even it's a little button). But then I have the same problem. I dont get off the page if it's made in adobe edge and shown full screen in adobe dps. I got some other html scripts which are full screen, but are able to swipe to the next page.
For example I searched weeks for a good slider. But most of them have the same problem. An example: I have an article vertically with a few pages in adobe dps. On the 3rd i want a full screen slider. I can swipe left/right, but cant go down or up anymore. But finally i found a solution which is so perfect for adobe dps.
http://www.idangero.us/sliders/swiper/
So many options and the abillity to get off the fullscreen page! but you need to know a bit html/css. I am not a coder at all, but enough to change some sizes etc.
Have a look on swiper. It's awesome!
Here is one feature they mentioned that's the problem with my above adobe edge animation:
Scroll prevention
Swiper will prevent vertical scroll when you touch it in "horizontal" mode, and horizontal scroll in "vertical" mode"
That's why I think it has to be possilbe to make the adobe edge full screen animation with scroll acts the same. If its vertical, i want to swipe left/right to get off the page.
Hope this wasn't to complicated.

How to control PDF plugin from Javascript?

I need to embed a PDF viewer into a webpage displayed on a special infokiosk withou a keyboard and a mouse. The infokiosk will have just five control button (four arrows and an OK button), which will map to corresponding keys on keyboard. It will be running a simple Linux system and Firefox browser as GUI.
This is exactly what I need to accomplish:
http://pdftools.atwebpages.com/embedPDF.html
However, it works only in Internet Explorer. I need this very functionality in Firefox on Linux. I have not been able to come accross any documentation telling me, how to do it. On the other hand I have found:
http://www.adobe.com/devnet/acrobat/interapplication.html
which mentions Windows and Macintosh, but does not mention Linux at all. Does this mena that I will not be able to control PDF viewer with Javascript under Firefox/Linux?

I need to embed a PDF viewer into a webpage displayed on a special infokiosk withou a keyboard and a mouse. The infokiosk will have just five control button (four arrows and an OK button), which will map to corresponding keys on keyboard. It will be running a simple Linux system and Firefox browser as GUI.
This is exactly what I need to accomplish:
http://pdftools.atwebpages.com/embedPDF.html
However, it works only in Internet Explorer. I need this very functionality in Firefox on Linux. I have not been able to come accross any documentation telling me, how to do it. On the other hand I have found:
http://www.adobe.com/devnet/acrobat/interapplication.html
which mentions Windows and Macintosh, but does not mention Linux at all. Does this mena that I will not be able to control PDF viewer with Javascript under Firefox/Linux?

How to control Flash Player 10 with Javascript?

Are there any turotials or examples of controlling Flash Player 10 from a web page with javascript? I want the player to pop up when I mouseover a thumbnail image and play a short relevant flv file. When the mouse moves away from the thumbnail the player should disappear. I imagine I'm going to have something like
<img src="thumbnail.jpg" onmouseover="javascript: [call flv player with .flv name and parameters to autoplay with no controls )">
but I don't know what the javascript code should be and I don't know how to embed the flv player in my HTML so the javascript code can call it.
Thanks for any help.
Steve

it would be nice if someone can suggest a solution.because i ve the same problem.
Jon

I understand that my new iPad2 isn't compatible with JavaScript. What sort of flash system can I get?

I am trying to play Spades on Yahoo and I can't look at my cards on Bluemountain.com without a flash something or another. Can you help?

I understand that my new iPad2 isn't compatible with JavaScript. What sort of flash system can I get?
iPad's do not support Flash.

Controlling Flash timeline with Javascript

Similar Messages

Maybe you are looking for