Adobe RoboHelp: Embed Captivate HTML5 Output

by Willam Van Weelden

Adobe Captivate 6 introduced HTML5 output, allowing eLearning content to be interactive on mobile devices such as the iPhone and iPad. By combining Captivate's and RoboHelp's HTML5 outputs, you can easily support interactivity for iPhones and iPad in your help system. Currently only RoboHelp's Multiscreen HTML5 output supports Captivate's HTML5 output. Other outputs, such as WebHelp, only support Captivate's Flash output.

Embed Captivate HTML5 Content Within RoboHelp

1. Publish your Captivate demo as both Flash and HTML5.
   
2. Create or open a RoboHelp project.
3. Open the topic where you want to add the demo.
4. Choose Insert > Adobe Captivate Demo.
5. In the Multimedia Name field, open the swf you published from Captivate.
6. In the HTML5 output field, select the index.html you published from Captivate.
   
7. Click the OK button.

By default, RoboHelp uses the Captivate Flash output when you generate the layout. To allow RoboHelp to use Captivate's HTML5 output, you need to make a small change to the Multiscreen HTML5 Single Source Layout.

1. Open the Multiscreen HTML5 Layout in the Single Source Layouts Pod. (View > Pods > Single Source Layouts).
2. Open the Optimization settings of your desired Screen Profile(s).
3. Select Use Adobe Captivate HTML5 output.
   
4. Click the Save button.

When you generate the Multiscreen HTML5 layout, the layout will now use Captivate's HTML5 output whenever it is available.

***

Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once each month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.