Uploading your Audio
You need to use a third-party audio hosting service to store and serve your audio or podcast. These services are built specifically for serving high-quality audio, and some of them are free. Start by creating an account and uploading audio to an audio-hosting site. Here are some audio file hosting services often used for audio file-sharing and podcasting:
Copying the Embed Code of your Audio/Video
After you have uploaded your audio to an online audio service, locate and copy the embed code for the service’s audio player. Each provider will have a code that looks slightly different. Here’s an example of Soundcloud embed code:
<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/194674830&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
Adding Audio to a Story
- While adding/editing a story, click the "Add Video or Embed Code" button on the right side.
- Paste the Embed code for your audio in that field, like you would for a video.
- Choose "Above Story" for the Video Location option.
- Click Update/Publish and go to view the story to see how your story page looks.
Adding Audio to a Story In-Line
- While adding/editing a story, place your cursor in the place you’d like the audio to go. Usually, it works best to press enter, giving the audio it’s own line in the text editing box.
- Switch to the CODE tab in the top right of the story body text box (most editing is done in the Visual editor).
- Paste the Embed code for your audio on the new line.
- Toggle back to the Visual Editor tab to see the audio embed in action
- Click Update/Publish and go to view the story to see how your story page looks.
Adding Audio to a Playable Story List Widget
- Navigate to your widget control panel (Appearance --> Widgets).
- Drag a SNO Story List widget to a widget area and save.
- Select your Podcast category from the widget, change the Media type (second column) from Photo to Video, customize the widget options, and click save.
- This is a great option if you are creating many episodes. Each new podcast story you create will show up in this widget automatically.
Adding Audio to a Stand-Alone Widget
- Navigate to your widget control panel (Appearance --> Widgets).
- Drag a SNO Embed Code widget to a widget area and save.
- Paste your audio embed code into the text box, customize your widget, and click save.
- Note that for each new episode you'll have to replace the embed code in this widget to display the next episode.