Page Comparison

First Steps

• Log in to Drupal.
• Hover over My Sites in the upper left. 
• Click on the site to which you'd like to add the pane.
• Once at the site, hover over the yellow title of the site in the upper left to reveal an options list.

Creating an Audio Player pane

Image Removed

• Select Add new pane > Audio Player.
• Provide a Title for the new Audio Player.
• Optionally, provide a Label (example: the "Listen" text in the image above).
• Add an Audio Image to create a visually engaging player (optimal dimensions: width of 300px by height of 300px)
• Add an Audio File (MP3 format only)
• Transcripts are required in at least one of the following forms:
  • Add an Audio Transcript Download Link by clicking the blue Link to a document button
    • If the file has already been uploaded, browse to the location, select the it with your cursor, then either double-click the file name or click the Insert File button from the upper left.
    • To upload a new file, click the Upload File button from the upper left, navigate to a file on your desktop, upload, then either double-click the file name or click the Insert File button from the upper left.
    • Set your link title to "Transcript"
  • Add Transcript Text by pasting a copy of your transcript into this field
• Add an optional Abstract to place a caption below your audio player

...

The Audio Player component allows for audio playback and display of a provided transcript. This component can only be created and maintained by ITS administrators. To request the creation of Audio Player component on your site, email support@swarthmore.edu.

Examples