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:
- Spotify
- Soundcloud
- Podbean
- AudacityTeam
- Podomatic
- Google Drive - Click for a video tutorial on how to get an embed code for content in Google Drive.
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.
*Note: It is also possible to add podcast embed codes inline to stories using the SNO Story Elements Video Embed or Generic Embed, instead of placing the embed code directly in the Code tab. If you notice any formatting issues when using the SNO Story Elements, you should place the embed code directly in the Code tab.
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.