General Podcasting Tips Product

Updated: Show and Tell with Spreaker’s New Embedded Player

10

Don’t just tell listeners your story, show it to them, too!

Simply put, podcasting is storytelling via an audio medium. Not so simply put, podcasting is storytelling delivered via a number of various elements that also includes artwork, branding, and listening tools.

Now, with Spreaker’s newest embedded player, the marriage of all those elements comes together in one place, that’s efficient for you, as a producer, and convenient for your listeners. You can tell your story, and show it, too, with a full display of your episode or podcast artwork front and center, as well as a complete listing of your past podcast episodes. You’ll also be able to customize its size and color, and get to please your listeners’ eyes as well as their ears.

Why should I use the embedded player, again?

While you definitely need a reliable place to host and measure your content, (like, ahem, Spreaker), you may still want to keep your branding, distribution, and listeners coming through your homebase. By embedding a player to your website or blog, you’ll still be able to depend on Spreaker’s hosting capabilities and track your plays, downloads, and likes through your Spreaker analytics, but all the important stuff is happening on your website.

We know you get it, and many of you have already embedded Spreaker’s player in your home pages in the past. To update the player to this new version, you can replace the old code with the new code into your website.

So how does it look?

High quality artwork is essential to your podcast; it’s a super important element that can convey your episode’s message or your podcast’s branding at just a glance. One look is all it takes to get listeners to tune in to what you have to say. (Need a refresher on how to create great artwork? Make a quick stop over here once you’ve finished reading this post).

And if you’ve worked hard on that artwork, then you of course you’ll want to show it off. Now, with Spreaker’s new player, listeners will see what you “look like” right away.

full-photo-only

You’ll also have the extra benefit of adding appealing graphics to your page.

Prefer a more minimal approach to your embedded player? You can always choose not to display the the full photo.

simple-white

Keep things matchy-matchy with the tone of your website choosing between the light and dark versions available.

light-dark-per-blog

Take your podcast to new heights

With the new embedded player, customization is key, and you have the freedom to make it look the way you want it to. Adjust the height by plugging in the pixel number of your choice.

In the screenshot we added above, you can see the player at 600 px, but you can go smaller if you’d like:

400-600-px-per-blog

Give them access to your full catalog

Just as before, you can select a player dedicated to either a single episode or a podcast, it’s up to you. However, now, when you opt to embed a player dedicated to your show, you’ll also be adding a full listing of all its episodes, just under the play button. Listeners will be able to readily go back and forth from between what they want to listen to.

full-photo-white

All the essentials are still there

While it might feel a little different at first, we haven’t removed any of the features that you’ve come to depend on. Listeners can still like episodes and click on the chat bubble when they’ve got something to say.

Even better, they can still share your content to their friends to their social networks – extra distribution in a pinch!

full-photo-square-share

And to find their favorite moments at a snap, listeners can toggle the slider.

Update (10/19/2016):

A quick update is now available that should make using it with WordPress sites even easier.

Those of you with self-hosted WordPress sites that have downloaded Spreaker’s plugin can continue to embed the player as you normally would, with the special WordPress-specific code we provide. That much hasn’t changed.

However, those of you with WordPress.com sites are getting something new! Now, you’ll be able to add the embedded player into your pages without needing a special plugin. You can embed the default version of the player directly into your site using simple code; just follow the pattern you see here:

[ embed height=”500″]https://www.spreaker.com/user/username[/embed]

And make sure there are no spaces in between the symbols and words. The URL included can be that of your profile page, show, or a specific episode.

screen-shot-2017-01-13-at-10-38-09

And while we’re at it with the updates, just one more piece of news:

Soon Chrome will be rolling out its latest browser, version 54, with an update that will make managing multiple players easier on the ears from a listener’s point of view. Here’s how it works: when multiple players are embedded on a single page or throughout different tabs, they’ll be prevented from playing over each other. For example, as soon as you start playing one player, any other player that had been streaming in the meantime, whether it was located on the same page or in a different tab, will automatically pause.

Ready to play show and tell? Give us your feedback!

You may also like
Build your show Identity
Second episode. Words are never too much
31 Comments
  • Philip Oct 18,2016 at 8:31 pm

    The cut and paste code worked quite well for episodes. We have also been using the iframe embed code for live broadcasts. With the live broadcasts, the iframe embed code doesn’t use episode_id=123456. It uses the code: user_id=7363268. What is the embed code using the new embed player with live broadcast and start play automatically on load (but start where the live broadcast is at the moment, not the beginning).

    Do you also have a code for: Start play automatically when a LIVE starts in the embed code and the embed code knows when the broadcast is starting live? So, the player just sits there waiting for the live broadcast to start.

    Appreciate your assistance.
    PT

  • C.S. Closson Oct 16,2016 at 9:33 pm

    Is there a way to use the old embed? I have about 30+ pages where I already have the older slimmer embed on it and using the new one will mess with the branding I’ve already done.

    • Chiara Sagramola Oct 17,2016 at 2:09 pm

      Hi! If it mess with the brand, my suggestion is to use an image that could fit with your brand as a full-photo background! If you want to know more about it, write us at support@spreaker.com

  • ayrewolf Oct 13,2016 at 1:55 pm

    So how do you get started with this new feature?

    • Chiara Sagramola Oct 13,2016 at 3:09 pm

      Hi there! The option for embedding the new player is in the same place in which it was before. Click on the embed button, from your profile page or the show page and try it out. Let us know what you think!

  • Brian Pickering Oct 12,2016 at 7:46 am

    Nice update… but as our iTunes ‘show’ images are 1400×1400 and I try to increase the size of the new embedded player to 600px it doesn’t resize as expected – in our case the words are clipped. So the image you are promoting – the lady with the iPad looks great. So how do we get the same ‘sizing’ please

    • Chiara Sagramola Oct 12,2016 at 3:23 pm

      Hi there, could you please send us a screenshot of your image not resized as expected at support@spreaker.com? So, we can assist you in the best way possible. Thanks!

  • Radio Hall of Fame Basket Oct 12,2016 at 12:42 am

    Can you tell me what his the size of the image that i can put in this new widget please? Because i try to upload a picture. It is not working for me. What is the size SHOULD i use for this new widget if i want to upload my pic ?

    • Chiara Sagramola Oct 12,2016 at 3:21 pm

      Hi there. For the best result, we recommend using images with a size larger than 1000×1000 px. If you will still experiencing some issues, could you please write us at support@spreaker.com and sending us also a screen shot of it? Thanks!

  • Jesse Dedman Oct 11,2016 at 9:37 pm

    Does this work with wordpress.com? I can never seem to embed anything spreaker with wordpress.com and I don’t like that.

    • Chiara Sagramola Oct 12,2016 at 3:07 pm

      Hi, Jesse! You should be able to embed the player on WordPress without any problem. Anyway, we also have a Spreaker WordPress plug-in. It is an easy way to embed Spreaker audio player into your WordPress blog. It works for any Spreaker episode, show, or user. Once you install this plugin, it will work on all of your blog posts: https://wordpress.org/plugins/spreaker-shortcode/.

      If you still have any doubt or questions, feel free to write us at support@spreaker.com.

    • robgreenlee Oct 12,2016 at 4:46 pm

      Jesse, We will look into this issue with WordPress.com as this hosted version of WordPress does have more restrictions on external code.

  • Deben kishor anjan Oct 11,2016 at 6:07 pm

    I love you

    • Chiara Sagramola Oct 12,2016 at 4:37 pm

      Thanks! <3

    • Tonia Oct 12,2016 at 5:07 pm

      Thanks 😍

  • Harry Duran Oct 11,2016 at 6:05 pm

    Is there an actual embedded player on this page to test, or they all videos and snapshots? Does the new player allow embedding on other websites and the ability to download the MP3?

    • Chiara Sagramola Oct 11,2016 at 6:17 pm

      Hi, Harry! If you want to see a preview of the embedded player you can take a look at some of our users that are already using it, such as the hosts of “If I were you” (http://headgum.com/episode/episode-237-motorcycle-live-in-toronto/).

      In regards to the player to being embedded on other websites, the answer is yes, and you can find more about it on our help section: https://www.spreaker.com/help/share-download?topic=help_share_embed

      However, if you want to download the mp3, you can do it directly on the show’s page on Spreaker’s website (but it depends if the producer had previously allowed the download option).

      Hope it helped!

  • Good ol Boy Mike Oct 11,2016 at 5:29 pm

    Is there a method to add the embedded player to a Facebook page?

  • Rodger Wheeler Oct 11,2016 at 4:32 pm

    So where do I find the new code for the updated player?

    • Tonia Oct 11,2016 at 4:42 pm

      Rodger, you will find it in the same place. Click on the embed option, from your profile page or the show page and try it out. Let us know what you think!

      • ktmoze Oct 13,2016 at 12:38 am

        Tonia, I need to have the embedded player to play all of the shows. We have 5 different shows. How do I configure it to the USER and not just the SHOW? Also, if you go to http://www.saitnsnews.net/livestream, it is not allowing us to press play. Thanks, Kyle

  • Bobby Oct 11,2016 at 4:22 pm

    I wish there were a way, to have listeners call in, or to bring on a guest. Other then Skype. If it were fixed, and the ability were there. You would put so many companies out of business. If anyone knows of another way besides Skype. Please let me know.

    • Tonia Oct 11,2016 at 4:41 pm

      Hi Bobby, you can use also the Hangout option from the Spreaker Studio desktop app. Actually they are (Skype and Hangout) the only ways we support to enable the call in option. Hope this helps.

  • Ken Bikoff Oct 11,2016 at 1:58 pm

    Sadly, the embed code on the new player isn’t working with my website’s code, and I can no longer embed a player into my page. It looks great, but it’s not working for me.

    • Chiara Sagramola Oct 11,2016 at 3:58 pm

      Hi Ken, what kind of website do you have? And what kind of error appears? There’s a way we can support you with for sure! If you want, write us at support@spreaker.com.

      • Ken Bikoff Oct 11,2016 at 5:03 pm

        I managed to get it to work. I simply had to paste the code in our text box instead of using the tab to insert an embed code. Thanks for the support. I love the service!

Leave a Reply