Add audio files to Adobe Muse websites


Adobe Muse is no longer adding new features and will discontinue support on March 26, 2020. For detailed information and assistance, see Adobe Muse end-of-service FAQ.

Embedding Audio files on websites is a common practice with web designers. Adding audio files to a website is an easy way for musicians to showcase their work. Sometimes, when designing websites with a musical theme, audio is included as background music to blend with the overall theme of the site.

The Audio Player widget within Adobe Muse allows you to add audio files to your website, and allow site visitors to control playback. When dragged on to the web page canvas, the Audio Player widget adds a skinnable audio player with playback controls. You can choose to include .mp3, .ogg, or .wav files.

Download Audio Player Widget

  1. Click the Get This Widget button.

    The Audio Player widget is downloaded to your default Downloads folder. Depending on the browser you used to download the widget and the operating system on your computer, the Downloads folder is configured differently.

Add and configure an audio player

To add audio to your website, do the following:

  1. In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the button, and import the Audio Player widget.

    For information about downloading Audio Player widget, see Download Audio Player widget.

  2. In the Library panel, select Audio Player > Audio Player, and drag the widget on to the web page canvas.

  3. Select the Audio Player widget, and click button to open the Options panel.

  4. In the Options panel, enter the following:

    Use MP3, Use OGG, Use WAV

    Choose to correct file format for the audio you want to include. You may choose to use MP3, OGG, or WAV files.

    Audio Files

    Click Add File for your file format to browse to the location, and select the audio file you want to add to the web page.

    Make Background Transparent

    Specify whether you want to make the background of the audio player appear transparent.

    Style the Audio Player

    Use the color pickers to style Main Color of the Audio Player, Section Separator Lines, Text & Icons, Progress Bar, Progress Bar Background, and Button Hover.

  5. Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.

Adobe logotips

Pierakstieties savā kontā