Inserting local media files

[Tobias Escher]

Hi!

For a personal project (essentially a database of audio files), I need to insert local mp3 files into topics.
These need to be available in WebHelp to play back, ideally inside the active topic.
Is that possible?

best

Tobias

[Martin Wynne]

Hi Tobias,

1. rename the mp3 file name to remove any spaces if necessary.

2. put a copy of the mp3 file in the Project > Baggage folder.

3. insert an HTML code object in the topic where you want the play button and volume controls (Write > Insert Object > Insert HTML code object).

4. in the HTML code object enter:

Code: Select all

<audio controls> <source src="my_audio_file.mp3" type="audio/mpeg"> </audio>

(change the file name, of course)

5. That's it.

To make it easy, if you have several files, you can copy and paste the entire HTML code object into each subsequent topic. Then you need only edit the file name in each one.

Martin.

[Tim Green]

In addition to Martin's suggestion, if you have HelpXplain you can insert the audio files in an Xplain and then embed that in a Help+Manual page. This will enable you to put them in a user interface that you can design with additional elements and multiple pages, if you wish.

[David Pybus]

I'm trying to make this work in HM 8.3.1, but when I publish locally, the playback controls are shown, but the file is not played and no error is shown. Have you any ideas?

The mp3 file is stored in Baggage and has been correctly renamed in the HTML command.

[Tim Green]

I'm trying to make this work in HM 8.3.1, but when I publish locally, the playback controls are shown, but the file is not played and no error is shown. Have you any ideas?

I just tested this and it works fine in current browsers. Does the filename contain spaces, accented characters or any other non-ASCII characters?