Audio Player

Owned by Zachary Restifo
Mar 08, 2021
2 min read

If you have a single audio file you'd like to feature on your site, you have the option of inserting a file from the Media Library tool.

The following instructions provide information on how to insert an Audio Player onto your page via Tridion.

 

Table of Contents

 

Creating a Media Library Component

Before adding an audio player to a page, you have to create a Media Library component.

Click New Component (blue) to begin creating a Media Library component.

 

In the Building Blocks folder of your respective website, click New Component (highlighted in blue above) in the Create tab (highlighted in yellow above) of the navigation bar.

You will be taken to a new page for creating the component (shown below):



Creating a Media Library component.

 

  1. Enter an appropriate Name for your component.

  2. Choose Media Library from the Schema drop down menu (highlighted in yellow above).

  3. Media Library ID: Enter the appropriate ID number from the Media Library for the video.

  4. Select the radio button next to audio.

  5. Save and Close the component (highlighted in blue above).

Once you have saved the component, you are ready to add the video to a page.

 

Adding the Media Library Component to a Page

After creating the Media Library component for your audio player, you can add the component to a page.

  1. Navigate in the Root folder to the page you'd like to add an audio player to and double-click to open the page.

  2. In the window that opens, click the Component Presentations tab.

  3. Click Insert at the bottom left of the page window.

  4. Browse to the Media Library component you created and click to select it.

  5. From the Component Template dropdown, select the Audio Player template.

  6. Click the Insert button at the bottom right, then the Close button.

  7. Save and Close the page, then you are ready to publish.

 

 

Example of a Media Library Audio Player on a Page

The below screenshot shows a Media Library Audio Player, as it appears on a page:

 

The Audio Player populates in the middle of the page (highlighted in yellow above), and includes information associated with the audio from the Media Library.