For those of you who are interested in exporting Captivate 5 SWFs for use in Articulate Presenter, there is an interesting dilemma preventing us from importing Flash Movies. We will address a workaround for the dilemma in this blog post. My hope is that this issue will become irrelevant as Articulate upgrades their standards, but for the moment it seems as though Articulate only recognizes Flash Movies written in ActionScript 2. The current design standard is ActionScript 3. ActionScript is essentially the code used to define the various flash components in the SWF. It was originally developed by Macromedia, but now Adobe owns it.
For those of you who are still using Captivate 4, the solution is actually fairly simple. When you publish your SWF file in Captivate, make sure that the settings are set to publish using AS2 (ActionScript 2). To import it, simply click on Flash Movie (in the Insert group of the Articulate ribbon) and locate your SWF file.
The Captivate 5 users will encounter problems, as there is no option to save using AS2. The only option is AS3, which Articulate does not recognize. What we are going to do is to create our own web content.
First step once you have your SWF content created, is to publish the content. (You'll notice under the Project Information tab, that the default ActionScript Version is AS3 with no options to change it.) Name your project what you would like and save it in your folder. Before you click Publish, make sure that under Output Options, the boxes for Zip Files and Export to HTML are unchecked (see below). You don't need the Zip and we are going to create our own HTML file. A quick note is that Articulate does not support any resolution above 720 x 540 at this time. Keep that in mind as you are publishing your SWFs.
Now open up explorer and browse for the folder that you just created. The default location for Captivate publications is:
C:\MyDocuments\My Adobe Captivate Projects\
Create a new folder called "Web Object" and put the SWF file in that folder. Once you are in the Web Object folder, you will need to create an html file called index.html. Prior to our retreat in September I emailed the team a file called index.html; if you still have that correspondence then just copy that file into your folder. If not then you will need to create one. Right click somewhere within the folder and click on New -> Text Document. Name that document index.html and then open it up in notepad. Copy the code below:
<html>
<body>
<object width="720" height="540">
<param name="movie" value="name of your file.swf">
<embed src="name of your file.swf" width="720" height="540">
</embed>
</object>
</body>
</html>
Make sure that the width and height values match the sizes of the published SWF, and that you replace "name of your file.swf" with the actual file name. I recommend doing this by right-clicking on the actual SWF file, selecting properties, and actually highlighting the file name, copying and pasting it into the text document. (nerd shortcut: you can also access a file's properties by simply clicking on the file and hitting F2). One time I created the html document, but I misspelled part of the name and the web object would not function right in Articulate, so I recommend copying and pasting. Code is particular like that.
So by now you should have a web object folder with a published SWF file and an index.html file. If you would like to test the html file, simply double click on it. It should open a web browser and play the SWF file (it will probably shove a security popup before it plays. Just click through it). At this point we are ready to import the content into Articulate. This part is so simple that I am not even going to explain how to do it; I will just show you an image of the import screen (click on the image to see it in better resolution).
The result is that your Captivate 5 project should appear fully functional in Articulate, and it should play the same way that a Flash Movie would. It is really not a complicated process, but it will be nice when Articulate is able to play well with AS3. As always hit me up if you have any questions
Comments
Post a Comment