SoundCite JS: An Inline Audio Player Solution

SoundCite JS ImageHave you ever felt the need to embed audio in a blog or a webpage, but found it cumbersome and out of place? If you answered yes, SoundCite JS, developed by Northwestern University’s Knight Lab is a good solution to your problem. It is known as an inline audio player and works pretty seamlessly. Few items it can be embedded into are: WordPress, your own website or even Blackboard. The audio file must be uploaded to either SoundCloud.com or on your own server, saved as an mp3 or Ogg file.

The process is fairly simple. Locate and upload an mp3 or Ogg file to either SoundCloud.com or your own server (I tested on WordPress), you will need to get the URL of the audio file. Navigate to: https://soundcite.knightlab.com and paste your audio URL in the “Enter URL” field next to step 1. Then click Load. Use the controls in Step 2 to set the Start and End points of your clip. When ready, click on Create clip. There are two embed codes that you have to copy and paste into your site. The first embed code is in Step 2 and the second embed code is in Step 3. The first code (Step 2) is the link text code or what is the inline audio code. This code will be pasted in the area of the words you are replacing with the inline audio.

The embed code from Step 3 is what you paste at the top of the page. Make sure that if you are following the process in WordPress that you do this in the text editor and not the visual editor. You may not be able to add embed code in the visual editor. Once you have pasted the Embed codes, you are ready to utilize the audio. I tested this tool in my Blackboard course and it worked there as well.SoundCite JS Blackboard Image

I found that One of the main benefits of SoundCite is the inline audio. The flow of the sentence does not need to get disturbed just to enter audio into the post and SoundCite does a pretty good job of making sure that doesn’t happen. I’ve posted a sample audio file titled Kalimba.mp3 by Mr. Scruff so you can see how clean and easy it looks.

If you are interested in utilizing this tool in your class or would like to learn more about it, please feel free to check out the SoundCite website: https://soundcite.knightlab.com. For questions and/or comments, or if you are having trouble with it, please contact an Instructional Technologist for further assistance.