Description

The Audio player is implemented as part of a Question stimulus. You can embed various Audio player types and customize the UI. Audio files can be uploaded in MP3 format and must be less than 5MB. Authors can also use audio hosted on the Internet.

Adding Audio player as a standalone Feature to Items

To add Audio player to an Item:

• Create an Item as you normally would, and from the Features section of the Question Editor templates, select Audio player.
• Upload Audio - Underneath Source URL, click on +ADD, and a modal will appear to either upload or embed audio. There are three methods to upload audio:
  • Select the Upload Asset tab and drag your file to the Drag and drop files here selection box.
  • Click on Choose Files, and select audio from your computer, click Open/Upload, then click OK.
  • Select the Embed Asset tab, and insert audio URL in the respective field, then click OK.

• Player Type - Specifies the type of Audio player. Options are block, button, bar, minimal, display as text, and image.

  Block
  Button
  Bar
  Minimal
  Display as text
  Image

• Playback Limit - The number of times the user is allowed to play the audio, 0 is unlimited.
• Heading - Heading of the Audio player.
• Description - Add a description of the audio being played.
• Text - Add the text that will appear in the player when the player type is set to display as text.
• Add image - Add the image that will be shown in the player when the player type is set to image.

More Options

• UI settings:
  Available only when the player type is set to display as text or image.
  • Title - Enter the title that identifies the content displayed in the player.
  • Image alternative text - Provide alternative text that describes the image for accessibility and screen readers.
  • Hide controls - Enable this option to hide all player controls from the user.
  • Hide play icon - Enable this option to hide the play icon that appears over the image.
  • Image width (px) - Specify the width of the image in pixels.
  • Image height (px) - Specify the height of the image in pixels.
• Playback:
  • Play - Defines if the play button is displayed to the user. The default setting is on.
  • Pause - Defines if the pause button is displayed to the user. The default setting is on.
  • Seek - Defines if the user can change the play position. The default setting is off.
  • Play Bubble - A play bubble will be displayed to the user with controls. Play must be enabled. Available in Button UI only.
• Look and Feel:
  • Timer - Defines whether the timer will be displayed. The default setting is on.
  • Progress Bar - Defines if the progress bar is visible to the user. The default setting is off.
  • Volume Control - Gives the user control over volume. The default setting is on.
  • Volume Meter - Defines if the volume meter is displayed to the user. The default setting is on.
  • Responsive Layout - The component's size will be scaled responsively based on its container's size.
  • Download Link - A link to download the audio will appear. The default setting is off.
  • Waveform - Defines if a waveform will be visible. The default setting is off.
  • Waveform image - Insert URI of the waveform to display. Click on +ADD to enter a waveform image.
• Extras:
  • File format - If the file format is not specified in the Source URL it is automatically assumed to be mp3. You can specify the file extension here.
  • Transcript - Enter the text transcript that accompanies the media, providing a readable version of spoken or audio content for accessibility.

Adding Audio player as a Simple Feature to Questions

To add Audio player as a Simple Feature in your Question, begin by editing the Question where you want the tool to appear. Place your cursor in the Question composing area. In the rich text editor toolbar at the top of the screen, click the Simple Feature button.

Figure 1: Simple Features icon in the rich text toolbar.

The Simple Feature panel will appear.

Select Audio from the left-hand menu.

Audio player can be embedded into a Question using 5 different player types:

• Button
• Bar
• Minimal
• Image
• Display as text

Within every player, you have the ability to set a Playback limit - how many times the student can play the audio before it becomes disabled.

The Button player takes up less space on the page and allows the student to play, stop, pause, and adjust the volume of the audio.

Figure 2: Button player.

The Bar player takes up more width on the page and allows the student to play, pause, and adjust volume controls. 

Figure 3: Bar player.

The Minimal player is the smallest player of the three and allows the student to play, pause and adjust volume controls. There is no progress bar on this Audio player, unlike the Bar and Button players. With this player type, you have the option to hide controls from the student, i.e. pause and volume.

Figure 4: Minimal player.

The Image player allows the author to upload their own image, that when clicked, will play audio. There are a few extra options with this player type - you can hide controls (play/pause/volume control) from the student, and also hide the play icon that appears by default besides the image. There are also image configuration options:

• Height and Width: these values are entered in pixels (px).
• Title: Text that appears when the mouse hovers over the image.
• Image alternative text: text that will appear in place of the image, if the image does not load on the page.

Figure 5: Image player.

When Display as text is selected, you can set what text will act as the Audio player for the student. This text will appear underlined, and the student can click on it to play it.

Like with the image player, you do have the option to set up a title, hide the play icon (which will otherwise appear by default to the left of the text), and also to hide the controls from the student. 

Figure 6: Text player.

In the Source URL section, you have the option of uploading an audio file from your computer or by embedding the link for the audio if it is hosted elsewhere. You also have the option to record your own audio (maximum recording time is 10 minutes) and use it in the Question.

Figure 7: The upload audio and record audio buttons in the Simple Feature pop up box.

It is also possible to record your own audio, on-the-fly using Learnosity, and embed that inside a Question.

Note: If you have embedded Audio into your Question, you can configure actions such as autoplay, using our Action builder.