Topics Map > Sakai > Sakai 12 Help > Rich-Text Editor (CKEditor)

Sakai 12 - Rich-Text Editor (CKEditor): How do I embed an audio player in a text box?

 

How do I embed an audio player in a text box?

You can embed an audio player in a rich-text box that can playback MP3, WAV, and OGG audio files uploaded to the Resources tool in your site.

Place cursor in textbox, and click Audio Player.

Place the cursor in the textbox where you want to embed the audio player. Typically this is within a new paragraph block. Then, click the Audio Player button. This will popup a dialog box.

Click Browse Server.

Click Browse Server.

Click Browser Server. This opens the Resources Browser popup window.

Select the audio file.

In the large central panel, double click the Resources folder to navigate through the folders contained in the Resources tool to locate and select the audio file for which you want to embed an audio player.

If you haven't yet uploaded the audio file you want to Resources, you can do so by first clicking the upload button as depicted below. However, you might want to first navigate to the folder in which you want to store the file before clicking this upload button.

Click the Upload button.

Then you can drag and drop the audio file you want into the dotted area of the popup that is depicted below. Or you can click Select File to select the file to upload to Resources.

Upload an audio file.

Finally, select the filename for the audio file you have uploaded, and click OK.

Select file and click OK.

Click OK.

Click OK.

After selecting your audio file, the URL for it in Sakai is displayed in the URL text field of the Audio Player dialog. Click OK. This will display an HTML5 audio player, the look and feel of which varies across web browsers.

NOTE: If you need to edit the audio content you've embedded, right click on the audio player in the rich-text editor and select Audio Properties.




Keywords:audio embed mp3 CKeditor   Doc ID:92879
Owner:Sean H.Group:Pacific Lutheran University
Created:2019-07-03 16:10 PDTUpdated:2019-08-22 13:30 PDT
Sites:Pacific Lutheran University
Feedback:  0   0