(For more resources related to this topic, see here.)
Due to its very nature, a Video Demo project can only be published as an .mp4 video file. In the following exercise, you will return to the encoderVideo.cpvc project and explore the available publishing options:
When the file is open in Edit mode, take a look at the main toolbar at the top of the interface.
The Publish Video Demo dialog opens.
Publishing a Video Demo project can be quite a lengthy process, so be patient. When the process is complete, a message asks you what to do next. Notice that one of the options enables you to upload your newly created video to YouTube directly.
Remember that a Video Demo project can only be published as a video file. Also remember that the published .mp4 video file can only be experienced in a linear fashion and does not support any kind of interactivity.
In the history of Captivate, publishing to Flash has always been the primary publishing option. Even though HTML5 publishing is a game changer, publishing to Flash is still an important capability of Captivate. Remember that this publishing format is currently the only one that supports every single feature, animation, and object of Captivate.
In the following exercise, you will publish the Encoder Demonstration project in Flash using the default options:
The Publish dialog box opens as shown in the following screenshot:
Notice that the Publish dialog of a regular Captivate project contains far more options than its Publish Video Demo counterpart in .cpvc files. The Publish dialog box is divided into four main areas:
You will now move on to the actual publication of the project in the Flash format.
When Captivate has finished publishing the movie, an information box appears on the screen asking whether you want to view the output.
You will now use the Finder (Mac) or the Windows Explorer (Windows) to take a look at the files Captivate has generated.
Because you selected the Publish to Folder checkbox in the Publish dialog, Captivate has automatically created the encoderDemo_800_flash subfolder in the publish folder.
If you want to embed the compiled Captivate movie in an existing HTML page, only the .swf file (plus, in this case, the .flv video) is needed. The HTML editor (such as Adobe Dreamweaver) will recreate the necessary HTML, JavaScript, and CSS files.
Captivate and Dreamweaver
Adobe Dreamweaver CC is the HTML editor of the Creative Cloud and the industry-leading solution for authoring professional web pages. Inserting a Captivate file in a Dreamweaver page is dead easy! First, move or copy the main Flash file (.swf) as well as the needed support files (in this case, the .flv video file), if any, somewhere in the root folder of the Dreamweaver site. When done, use the Files panel of Dreamweaver to drag and drop the main .swf file onto the HTML page. That’s it! More information on Dreamweaver can be found at http://www.adobe.com/products/dreamweaver.html.
You will now test the compiled project in a web browser. This is an important test as it closely recreates the conditions in which the students will experience the movie once uploaded on a web server.
Now that you have experienced the workflow of publishing the project to Flash with the default options, you will explore some additional publishing options.
Thanks to Scalable HTML content option of Captivate, the eLearning content is automatically resized to fit the screen on which it is viewed. Let’s experiment with this option hands on using the following steps:
When Captivate has finished publishing the movie, an information box appears on the screen asking whether you want to view the output.
During the playback, use your mouse to resize your browser window and notice how the movie is resized and always fits the available space without being distorted.
The Scalable HTML content option also works when the project is published in HTML5.
I remember deciding to pursue my first IT certification, the CompTIA A+. I had signed…
Key takeaways The transformer architecture has proved to be revolutionary in outperforming the classical RNN…
Once we learn how to deploy an Ubuntu server, how to manage users, and how…
Key-takeaways: Clean code isn’t just a nice thing to have or a luxury in software projects; it's a necessity. If we…
While developing a web application, or setting dynamic pages and meta tags we need to deal with…
Software architecture is one of the most discussed topics in the software industry today, and…