SoundciteJS is a tool from Northwestern University Knight Lab to make it easy to embed audio in your webpage. Historically, SoundciteJS has not been easy to use on WordPress.org sites because it uses custom attributes which are filtered out of posts.
To learn about using SoundciteJS in general, visit the SoundciteJS website. SoundciteJS can play audio hosted on SoundCloud, or audio which you upload using the WordPress Media Library, or any other audio files (MP3, AAC, Ogg Vorbis, or WAV) which can found with a URL.
To use SoundciteJS on your WordPress site, simply install this plugin. Then create clips at soundcite.knightlab.com and paste them into the “text” view of your post editor. You will be able to see your clips and edit their text in the “visual” WordPress editor, but to change the configuration values, you must use the “text” WordPress editor. While clips will show the SoundciteJS “play” button in the visual editor, playing them is not supported in the editor, although you should be able to play them in post preview mode.
This plugin supports two configuration values, which can be set in the WordPress Settings controls, on the “Media” page.
- Soundcloud Client ID: If you use SoundCloud, you may want to register for a client ID. If you don’t, your clips may occasionally become unplayable because of the amount of traffic against the SoundciteJS default SoundCloud client ID. See the SoundCloud Developers website to register for a client ID.
- Background Color: If you choose, you may set the background color of your clips. All clips on a single page must have the same color, and the WordPress settings only support one custom color for your entire site.
The best way to install this plugin is using the WordPress plugin directory. Activate the plugin on the plugins page.