HTML5 Audio

You need to have the content editor open. To access the editor for a planning activity, go to the activity's detailed view and click Quick Actions > Edit general element info. For a timeline, open the Timeline Context Menu and click Details. The Edit Timeline dialog box opens.

  1. In the editor, position your cursor where you want to insert the audio file.

  2. Click the icon.

  3. The HTML5 audio dialog box appears.

  4. Click Browse....

  5. Another dialog box appears:

    The top list shows the activity's attachments. Note that the files can be of different formats, including documents, vector graphics, etc.

  6. If you don't see the audio file you need in the existing attachments list, upload a new file by dragging and dropping it into the lower left area.

  7. The audio file is uploaded and added to the attachment list.

  8. In the attachment list, click the Use button next to the audio file you want to include.

  9. The audio is included in the preview in the HTML5 audio dialog box.

  10. Edit the properties of the audio file. Refer to the following sections for detailed information.

  11. Click OK.

The audio file has been added to the editor.

You can access the following properties in the HTML5 audio dialog box on the Audio infos tab:

Function

Description

Orientation

Select the alignment of the audio player in the display:

  • Center: The audio player will be centered. Text cannot flow around the audio player.

  • Left: The audio player will be aligned left. If space is available, text will flow around the audio player.

  • Right: The audio player will be aligned right. If space is available, text will flow around the audio player.

  • None: The audio player will not be aligned. Text cannot flow around the audio player.

You can access the following properties on the Advanced tab:

Function

Description

Autoplay?

Select whether the audio file plays automatically when you open the additional information.