Embedding Captivate in Flex

So, the list of new features for Captivate 4 had a biggie that caught my attention:
"Take advantage of ActionScript® 3.0 publishing to bring Adobe Flex® content into your Adobe Captivate projects, and to embed Adobe Captivate movies in your Flex content."
As a Flex developer, that sounds great, but I can't find a single piece of documentation about embedding Captivate files into Flex. Embedding the published SWF using a SWFLoader component is easy, but is there an API for actually controlling the progression of the Captivate movie? If not, what's the point?
Also, on a somewhat related note, whenever I've tried to export a Captivate presentation to Flash CS3/CS4, the process generates an individual SWF file for each slide, which is loaded by the FLA at runtime. However, even when the Publishing Settings are set to ActionScript 3.0 in Captivate 4, the individual SWF files appear to be exported in ActionScript 2.0 format. When I run the FLA in debug mode, I get error messages in the Console reading "Cannot perform Looping properly as the loaded swf is an as2 one", and indeed, the slides with animations loop annoyingly until I advance to the next slide. Is there a way to get Captivate to export AS3 slides that don't loop their animations?
I should mention that I'm primarily working with slides that have been imported from PowerPoint presentations.

I've built a player in Flex that loads in different Captivate 4 quiz files through a SWFLoader component. The student logs in (using an employee number), selects the test to take from a List (wrapped in an Accordian - also includes a Progress list indicating tests already completed). After completing the test, the score variable is passed back and I use a FlexSQL component to pass the captured score, employee number, etc. back to a backend database (currently MS Access) for further processing and loading into our LMS when all of the tests are completed. The student can see which tests have already been completed or if they click on a test in the list that has been completed, an Alert box opens to inform them it has been done. Took me about 2 months to create it because as you say, there really isn't much out there regarding how to get these communicating with each other. Give me a shout by email if need more.
David Hipsley
[email protected]

Similar Messages

How to make a Loadvars sendAndLoad request from embedded swf in flex

I've developed a simple flex app with embedded swf. Basically swf use Loadvars to get data from particular database table. Ok, when I tested the flex app on localhost it is works fine and embedded swf make its sendAndLoad calls correctly.
But! When it is located on the web server swf not work correctly. I meant there is not returned values by sendAndLoad method.
Well, to make some points: questionContentLoadVars.img1 holds(return) the string from php call. This "img1" is an empty returned string only in Flex app placed in the web server otherwise it returns correct value from php call?
When gameplay22.swf is standallone works!
When gameplay22.swf is in HTML page works!
When gameplay22.swf is embedded in FLex and executed in LOCALHOST works!
But in the web server this embedded gameplay22.swf doesn`t works!
What is the problem with it?
//* here is flash(swf) part of gameplay22.swf file which is embedded in the Flex by SWFLOader(gameplay22.swf)
    questionContentLoadVars = new LoadVars();
    questionContentLoadVars.onLoad = function(success){
    if (success){
    slidingSvityk_mc.descripTA_mc.description_ta.text = questionContentLoadVars.theContent;
    else
    slidingSvityk_mc.description_ta.text = "err!";
    function loadQuestionData(sectionID){
    var tablename ='questionsgeo'; // database tablename
    //sending variables to the PHP script
    questionContentLoadVars.row = sectionID;
    questionContentLoadVars.tablename = tablename;
    questionContentLoadVars.id_ = "";
    questionContentLoadVars.img1 = "";
    questionContentLoadVars.sendAndLoad("getQuestionRec.php",questionContentLoadVars,"_POST") ;
    function showLoadedGalleryImages():Void{
    infphp.text = questionContentLoadVars.img1;
    var img1Bulk:MovieClip = new MovieClip();
    img1Bulk = imgGalleryContainer_mc.img1Bulck_mc.createEmptyMovieClip(img1Bulk, _root.getNextHighestDepth());
    img1Bulk._x = 0;
    img1Bulk._y = 0;
    image_mcl.loadClip(questionContentLoadVars.img1, img1Bulk);
    //* And here is Flex part of embedded SWFLOader(gameplay22.swf) component
    <s:SWFLoader includeIn="user" width="1024" height="768" horizontalCenter="0" source="gameplay22.swf" verticalCenter="0"/>

Thanks kglag, for trying to help,
As i posted in another forum the problem was in the free flex example which i used to add another state and by using SWFLoader to embed my swf file.
Now i was created my own flex app and add SWFLoader to embed my swf and voila - it works!
There is no cross-domain loads the loaded content is in the same domain.
So, again thanks!

Audio crazies with embedded captivate 4 product in captivate 4 project in LMS

I know I've seen some solutions and setting variables to eliminate this issue (one I've never had before thank goodness) I have LO's created in captivate that contain published .swf files also created in captivate 4. I have 6 embedded in one project, 4 in another. Uploaded to the learning management system all of the audio in the final project (34 slides, 14 minutes) starts as soon as the .html file is called in the LMS. Help...I just can't seem to search the right combination of words to locate solutions that I am absolutely sure I've seen before. I'd appreciate a bit of direction if someone can point me to the thread or the solution.. I'm getting rather anxious about hearing all these voices!!!!...Thanks much
Susanne

A little additional information:
It isn't just the audio from the embedded Flash that runs
early - it's the actual Flash file. I don't know if this makes any
difference in figuring out what's going on, but thought I'd add
that bit of detail.
Also - I had found out that my Captivate project that I
created the Flash from had gotten corrupted and was hoping that
fixing that would fix this problem as well ... but no such luck...
Judi

Embedding swf into Flex Desktop Application size/scale problem.

Hello,
I am embedding an swf animation into my desktop Flex desktop application. I am using SDK 4.6.0. I use the SWFLoader to embed the animation:
<s:SWFLoader source="img/mch_anim_1.swf"/>
When I run the application, the animation is loaded and is working, but when I try to maximize the window there is a size/scale bug that happens. The screen stays half-side maximized (maximized to the top, bottom and stays until the middle of the screen by side).
I've published the SWF for Flash Player 8 and Actionscript 2 just to test and there was no problem with the size/scale, but I need to use Actionscript 3.
Any suggestions?
Thanks in advance,
Stefan

I found the problem!
There was a line of code that was auto-generated from using a template out of Flash CS6. The line of code that caused it is:
stage.scaleMode = StageScaleMode.SHOW_ALL;
After deleting it, everything is now working properly.
Greetings!

Embedded font issues -- Flex not measuring properly

I started this out in one thread ( http://forums.adobe.com/thread/470702 ) and it has progressed into a new, bigger issue. I embedded fonts using the code below. Flex is not measuring them properly or the font I'm using is vertically challenged. I suspect the font I am embedding has different vertical spacing than the default font. I have determined the fonts are embedding by rotating the containers.
Here's an example of what I'm getting:
The right side radio button is the raw display (height works out to 23), the left side radio button I forced the height to 15. Both the radio buttons are set to exactly the same y coordinate. You can see the right hand text is not centered on the radio button. I don't want to go thru the hassle of adjusting every single component height to make the font look centered plus that's an ugly workaround.
I don't think there is anything wrong with my code nor do I think a font swf will help. I sure would like to know what's going on but it is beyond my understanding. Here's my thought. I like the default font the compiler uses when I DON"T embed fonts, looks like this:
I figure if I could embed this font, everything would work properly. I just don't where this font lives. The docs indicate the default font is _serif but it looks more like _sans to me. And I don't know the hierarchy for my platform.
So... Does anyone know either how to fix this measurement issue or where I can find THE True Type font or swf or something that Flex uses as a default so I could embed it?
/* CSS file */
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdana.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanab.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontWeight: bold;
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanai.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontStyle: italic;
@font-face {
font-family: MainFont;
src: url("assets/fonts/verdanaz.TTF");
unicode-range: U+0020-U+007E;
advancedAntiAliasing: true;
fontWeight: bold;
fontStyle: italic;
global {
font-family: MainFont;

First off, yes there was a correction to the left hand radio button. I forced the height of the button to be different and that seemed to help center things
After a bit of beating my head against the way, I decided to run a simpler test. I set up a case where I had default fonts side by side with embedded fonts. Since my default.css file had Verdana I decided to use a Verdana embedded font. I figured I could compare them directly and maybe play with advanced anti-aliasing at the same time. I've attached the files (change the txt extension to mxml)
The result was a somewhat of a surprise. I didn't realize that all text really wasn't centered on the component (eg radio button, checkbox) at my default size and below. I do see the small pixel shift, especially in the Button.
So... I have found the "real" font declaration in the defaults.css file, am seeing the small pixel shift with embedded fonts, that using advanced anti-aliasing can help on smaller text, and realized I have to be very careful where I use font sizes smaller than default. I'm guessing that the "perfect" default size on my system would be 12 since that appears what my Verdana.ttf font is based on. My defaults.css file has the font size set at 10. The inability to measure properly is exacerbated when the fonts are embedded.
Now the real question -- anyone have a clever fix?

Controlling Embedded Captivate SWFs

Hi:
I have a SWF (SWF A) that I'm loading into a movieclip
(Movieclip C)which is part of another SWF (SWF B). Basically, SWF B
functions as a player, with play and pause controls. These controls
control Movieclip C where the external SWF A is loaded into.
Normally, I have had no problem with this and it always
works. At run time, when you click the pause button on SWF B, a
stop() command is issued to Movieclip C, which stops the play of
the external movieclip (SWF A) loaded into it.
However, I did a screen capture with Captivate and published
it as a SWF. I loaded this SWF (SWF A) into Movieclip C in SWF B at
run time. However, clicking the controls on SWF I created has NO
EFFECT on the SWF I created in Captivate. It just keeps playing.
I guess all SWFs are NOT created equal. How can I make this
work?
By the way, I do not want to use the embedded controls that
come with Captivate.
Loren
“The only real mistake is the one from which we learn
nothing." - John Powell

Loren,
> Normally, I have had no problem with this and it
> always works.
Good.
> However, I did a screen capture with Captivate and
> published it as a SWF. I loaded this SWF (SWF A)
> into Movieclip C in SWF B at run time. However,
> clicking the controls on SWF I created has NO EFFECT
> on the SWF I created in Captivate.
I'll bet it does have an effect, but you just don't see the
effect
you're expecting.
> It just keeps playing.
> I guess all SWFs are NOT created equal. How can I
> make this work?
A SWF is a SWF is a SWF. They are all created equal, from a
certain
point of view. Flash Paper SWFs are just SWFs, at bottom,
even though they
have additional functionality. Captivate SWFs are also just
SWFs -- which
means they must adhere to the MovieClip class, all of whose
methods,
properties, and events are listed in the "MovieClip class"
entry of the
ActionScript 2.0 Language Reference.
It may be that Captivate nests its SWFs, so that you need to
adjust your
target when telling a given movie clip container what to do.
Would you show
the exact ActionScript you're using?
David
stiller (at) quip (dot) net
Dev essays:
http://www.quip.net/blog/
"Luck is the residue of good design."

(How) can I use Embeded Fonts in Flex 3.3

If I understand correctly, I need to transcode/embed the fonts in Flex 4 / CS 4, but is there any way to then get those embeded fonts into a Flex 3.3 application?

Support for DefineFont4 (the cff property) is new in Flex Gumbo. It is not available in Flex 3.X. That said – I do have a solution for you. Create a separate Flex Gumbo project and use the cff property to embed the font you need into that SWF. Then embed the font SWF that you just created in Gumbo into your Flex 3.3 application.
Check out the “Building a Font SWF for use in any Flash Application” section in my DefineFont4 blog post:
http://blogs.adobe.com/tlf/2008/11/embedded_font_subsetting_using.html
Here is an article on embedding a SWF in Flex:
http://blog.flexexamples.com/2007/10/25/embedding-fonts-from-a-flash-swf-file-into-a-flex- application/
Hope this helps!

Embedding Captivate 4 Movies in PDF

I created a PDF document using Acrobat 8 that has 3 Captivate 4 movies embedded. The movies play just fine on Windows but only play for 5 seconds on macs. Has anyone else experienced this problem? If so, please let me know what the solution is. I have searched on the Community Help and can't find anything related to this problem. Thanks.

There is a problem in using flash files on a Mac. You need to use the Flash tool and not use the legacy multimedia content method. This may only be available with Acrobat 9.

Embedding Captivate movies (swfs) into Acrobat 8 3D

I embedded a swf movie (from Captivate 3) into Acrobat 8 3-D,
but it displays as a black rectangle in Acrobat 8 3D, and a blank
white area in Adobe Reader 8. The movie does play, but I'm trying
to figure out why, if I have the poster setting correctly in
Acrobat, I get the black rectangle and not a graphic of the first
slide of the movie. (I originally posted this on the Acrobat User
Community but haven't received a response (
http://www.acrobatusers.com/forums/aucbb/viewtopic.php?pid=3093).
I purchased the Adobe Technical Communications Suite, if that makes
any difference.
Thanks

Hi GinaL
You probably need to edit the settings of your Captivate.
Select a loading screen that indicates your user should click. You
can create your own. All you need is a bitmap image. Once you do
this and republish and reinsert, the loading screen should appear
and indicate you can click.
Cheers... Rick

Embedding HTML in Flex

http://www.merhl.com/flex2_samples/iframe/IFrame.html
here is the example I am learning. i can do right click on
page to get source code. But i think i missed one called
IFrame.mxml.
Any one know how can i get all source code from this page?
Or, anyone have other examples about this topic?
Thank you.

You could try with this one
this one
Though it is for Flex 1.5 it is very easy to port to F2b3.
P.S. beware of adding param wmode="opaque" to the embed
object

2 way to retrieve a list of embedded fonts in Flex 4 - which one is better?

Hi all,
I am currently aware of 2 different methods to retrieve a list of currently available embedded fonts on the local system
var embedededFonts : Array = Font.enumerateFonts(false)
var appSystemManager : SystemManager = FlexGlobals.topLevelApplication.owner;
var embeddedFonts : Array = appSystemManager.embeddedFontList();
What is best way to retrieve a list of embedded fonts out of those two approaches?

"better" in what way... performance? reliability?

Embedding Captivate content on a webpage

Hi there - apologies if this is a simple question, but it's different to how I normally produce Captivate content (which is as a zipped file that is uploaded to our server with the URL placed in various locations on our site).
Our web developers have asked if I can produce some demos that we have in a version that can be uploaded to Youtube. I've tried converting the files to avi, flv, mp4 etc but lose the interactivity.
Basically, they just want to be able to embed the files into pages on the website and they want them in the same format as Youtube accepts. I'm not sure why they can't just embed the swfs - possibly they are too large and wouldn't look good on the screen (the files are 750x550).
So - my questions are:
- Does anyone know of a way to convert the swf files to a format acceptable to Youtube, but that keeps interactivity? I have a table of contents and several click boxes throughout each file. I lose all of this when publishing as f4v, and haven't been able to get Youtube to accept that file anyway.
- Or, does anyone know how to embed a file into a webpage so that it is small to begin with but expands when the user starts it? I did think we could just embed a thumbnail on the page that links to the swf which opens in a new window when clicked, but maybe there's a more elegant solution?
Thanks!!

Hello and welcome to the forum,
If you want to keep interactivity a video format (like f4v) is not possible, you do need SWF. I'm also a bit puzzled by your mentioning the SWF to be too large, normally video formats will result in bigger file sizes. If you want to reduce the SWF-filesize you could try to choose a smaller resolution, put all the compression settings that are possible and choose a low image format. And reduce the preloader % (by default set to 100) to have the SWF played before it is totally loaded.
Lilybiri

Link to RH topics from embedded Captivate slide?

RH10, WebHelp, Captivate 6
Hi,
I've been using RH for years, but I'm new at Captivate.
I want to have a rollover effect in a WebHelp topic, whereby the user can hover the mouse pointer over a graphic and a window will pop up. Inside the pop-up window will be hyperlinks to topics within the same WebHelp project.
My understanding so far is that I can insert a Captivate slide in WebHelp topic to achieve this. The Captivate slide would contain the background graphic, and a "rollover slidelet".
My question is, at what point do I create the hyperlinks to WebHelp topics in the slidelet? Must I do this in Captivate, and if so how do I specify the target path of the link?
Or can I do this linking after I embed the Captivate slide and slidelet into the WebHelp project?

Hmmm, for some reason I keep forgetting they added that capability to Captivate 6.
Okay then, what you have to do is consider where the Captivate movie will be (as in what folder) at the time it is presented within the WebHelp. So if you are linking to topic XXX.htm and inside RoboHelp, that topic is inside a folder named FolderOne, it's going to depend on the folder the Captivate movie is in. Often, they are inserted at the project root. So if this turns out to be the case, you would insert the following into the field:
FolderOne/XXX.htm
I'll give my theory a try and see if it works for me.
Keep in mind that the links will likely fail when you test locally unless you add the project location to the list of trusted locations for the Flash Player.
Cheers... Rick

Embedding captivate projects

Hi,
I am attempting to embed one captivate project within another. The reason that I want to do this is so that I am able to reuse one smaller project in a number of other larger projects. I am using variables and I want all available in all projects. I have attempted to just cut and past the screens from one project to another but this does not cut and paste the variable in the smaller project.
Is there anyway of achieveing this, and what is the most efficient way to do so.
I am using captivate 4
thanks
peter

Hi Peter
You should hop over to CPGuru.com and grab yourself a copy of Michael's loader widget. It will be well worth your time and money.
Click here to visit the site
Cheers... Rick
Helpful and Handy Links
Captivate Wish Form/Bug Reporting Form
Adobe Certified Captivate Training
SorcerStone Blog
Captivate eBooks

Flex 4 Embed fonts in flash swf VS embedding fonts in flex

I have this dilema...what's the best way to embed fonts?
In flash I can easily embed the fonts + the chars ranges that I need through the menus export the swf and then use it in flex.
In flex I don't see an easy way of setting the character ranges. How can I get the values I need? I read the format is U+(beginning of range)-(end of range) but where do I take beginning and end of the range from ?
Thanks in advance.

Сode hinting in Flash Builder 4 code editor for global style, e.g.
global {
font-family : Arial;
works for me.
Also in @font-family style declarations, I can code hint for "font-family", "embed-as-cff" styles property too.
Although, it is true you do not get code hints for values for those particular properties, I think that CSS editor could support it too, but it does not.

Embedding Captivate in Flex

Similar Messages

Maybe you are looking for