Embedding Media Files

Last Modified: June 22, 2006

ePublisher Pro

The purpose of this article is to explain how to embed media files into a WebWorks Help 5.0, Dynamic HTML, Microsoft HTML Help 1.x, and Simple HTML Help systems.

In the following article, we will show you how to embed the proper code into the source document and how to set up your ePublisher Pro project to then use that markup successfully when generating output.

Embedding Conditional Markup in the Source File

In the following steps, we will be inserting code into the source document using conditional text. This code can be processed by ePublisher Pro to be emitted in the HTML of the resulting output, producing an embedded media file.

For Adobe FrameMaker:

1)	In the source document, place the insertion point where you want the embedded media file to appear.

2)	Insert the <embed></embed> code at the insertion point. An example of this usage is:

</embed>

3)	Select and highlight this code.

4)	Special > Conditional Text...

5)	Click the Edit Condition Tag...button

6)	In the Tag field, type the name of your Condition. In this example we are going to name our tag Media.

7)	Set your Condition Indicators (these are just visible formatting rules that enable you to see the conditional text in the Framemaker document).

8)	Click the Set button to close the Edit Condition Tag dialog.

9)	You will see Media is not listed in the ‘Not in’ list. Double-click Media.

10)

Click Apply.

11)

Save the source document.

For Microsoft Word:

1)	In the source document place the insertion point where you want the embedded media file to appear.

2)	Insert the <embed></embed> code at the insertion point. An example of this usage is:

</embed>

Note: In order to embed a video file into Microsoft HTML Help 1.x system please use the code below:

3)	Select this code in the sourcedocument and apply your condition.

4)	Select Webworks > Conditions.

5)	Click the Add Condition button to open the Create New Condition dialog and click OK.

6)	Name your condition by entering the name and click OK.

Note: In this example we are going to name our tag “Media”.

7)	From Configure Conditions list find the condition you just created.

8)	Click the Apply Condition button and then click OK to close the dialog.

9)	Save the source document.

Setting up your ePublisher Pro Project

After you have placed the code and conditions in your source document you must set up your ePublisher Pro project to process the code properly.

1)	Open your WebWorks ePublisher Pro project.

2)	Select View > User Files.

3)	Copy your media file(s) in this location.

Media Files cannot be embedded unless they are included in the ‘Files’ folder.

4)	Close Files folder.

5)	Select Project > Scan All Documents to scan in your new conditions.

6)	Select Format > Conditions.

7)	From the Conditions tab, find the name of the condition(s). In our example, the condition name is Media.

8)	Verify that Visible and Pass Through are selected.

Click OK.

10)

Select Project > Generate All.

XHTML 1.0 CSS WAI-A