Adding Audio Files

Audio files can be added to your Media Library in the same manner as other media files like images or documents. You can also add Audio files contextually, as you are creating content. Once you add an Audio File, you’ll also want to assign it to a Media Category, for better organization of your Media Library.

The following audio file types are allowed: midi, mp3, m4a, m4b, oog, logo, wav

Cadenza has a 7.5 MB limit on any individual file upload. If your audio file is larger then 7.5 MB, then you may need to edit the file by reducing its length or quality.

Naming files is very important! Your file name will display as the text player when you embed MP3 files. In other words, if your MP3 file is something like “audioclip8675309.mp3”, then your embedded text player will be: “audioclip8675309”. Instead, try renaming your file to something like “jenny.mp3” before adding it your Media Library. Make sure that your file also has a readable Title. Titles are used for embedded txt player when linking to the file (see details below)

Embedding MP3 Audio files in your site content

To add an Audio file into your site content, do the following:

The Mp3 jPlayer works only with mp3 files. Other files can be added and linked to on your site, but do not create embedded players with the MP3 jPlayer feature!

  1. With your post or page editor open (WordPress Editor or Page Builder), position your curser where you would like to place your Audio File and tap or click your mouse
  2. Click the Add Media button
  3. From your Media Library, select a MP3 file you’ve previously added or click the Upload Files tab to select a file from your computer or device
  4. In the Attachment Display Settings dropdown menu in the Add Media page sidebar, select one of the following:
    • Embed Media Player – Displays an embedded media text player, which can be further styled through the MP3 jPlayer Settings. Uses the file Name as the text player.
    • Link to Media File – Displays a slightly simpler embedded text player. Uses the file’s Title as the text player.
  5. Once you have selected or uploaded your file, click the Insert into Post/Page button.
  6. Your MP3 file will be added (embedded) into your post or page. Visually, you may see the default audio embedded player. Don’t be alarmed! This will be converted to the text player on the front end of your Cadenza website. Click the Preview button to view your post or page.
  7. Click the Publish or Update button when you are finished editing your page.

Linking to Attachment Page

If you don’t want to embed the MP3 player in your content, select Link to Attachment Page instead under the Attachment Display Settings dropdown menu in the Add Media Sidebar in step 4 above.

When you select Link to Attachment Page, Your MP3 file will display using the default WordPress embedded audio player. This player plays back audio files and has basic controls for playing, pausing and scubbing audio and adjusting the playback volume.

The Attachment page also displays additional details and metadata about your file such as Title, Artist, Album, and Description. Edit this information by editing your file in the Media Library.

Creating an Audio Playlist

Instead of placing multiple MP3 files in your page, you add create an embedded Audio Playlist. This creates a player that lists multiple MP3 files in a single player, that you can select and switch between.

To add an Audio Playlist to your site content, do the following:

  1. With your post or page editor open (WordPress Editor or Page Builder), position your curser where you would like to place your Audio Playlist and tap or click your mouse
  2. Click the Add Media button
  3. Select Create Audio Playlist from the options on the left sidebar in the Add Media screen (the title will change to Create Audio Playlist when selected). Your Media options will change to only audio formatted files.
  4. From your Media Library, select all of the MP3 files you’ve previously added that you want as part of your Playlist, or click the Upload Files tab to select files from your computer or device.
  5. Once you have selected or uploaded your files, click the Create New Playlist button.
  6. On the Edit Audio Playlist screen, you can drag and drop to reorder the tracks. You can also adjust the Playlist Settings such as:
    • Show Tracklist
    • Show Artist Name in the Tracklist
    • Show Images
  7. Click the Insert Audio Playlist button when finished.
  8. Your Audio Playlist will be added (embedded) into your post or page. Visually, you may see the default MP3 embedded player. Don’t be alarmed! This will be converted to the styled Audio Playlist player on the front end of your Cadenza website. Click the Preview button to view your post or page.
  9. Click the Publish or Update button when you are finished editing your page.

Restyling the Audio Playlist

The AudioPlaylist has some default styling ofpositioning, font styles and background colors. You can restyle it to better match your organization’s color scheme. To restyle the player, do the following:

  1. From your Dashboard, navigate to MP3 jPlayer > Design
  2. Choose a different Skin for the player. Options include Text (default), Light, Dark (Legacy skins and custom CSS are not recommended). A preview of your player displays below the Skin dropdown menu so that you can see what your changes look like.
  3. Text – Change font colors for Titles and the Playlist, Hover, and Current colors and background colors. (click the Show Field Values to view or add hexadecimal or RGBA values)
  4. Area – Edit Background colors for areas such as Screen, Load Bar, Position Bar and Playlist
  5. Fonts – Change the player’s font family and size, and set bold or italic for Title, Captions and Playlist
  6. Alignments – adjust the Player Height, Image style and Alignment (if any), Playlist and Titles. You can also adjust Top, Left and Right Margins for the Track Title.
  7. Mods – these snippets modify the player to include, hide or adjust certain elements or controls
  8. Click the Save All Changes button when finished
Posted in Audio