How to embed live-streaming video on a podcast website – TAP045

Livestream ProducerOnce you have your podcasting gear setup, it’s time to pick your live-streaming service and embed it on your website!

Make sure that you’ve listened to previous episodes in our live-streaming series.

Pick a live-streaming service

The follow is a list of the most-popular and some not-so-popular services for live-streaming video and audio.

If you have trouble with any of these in OS X Lion, then you have to add an “Allow” rule to Flash Player. Even after that, I still couldn’t get some of them to work, so your results may vary.

Video

  1. Ustream.tv—The most popular, no customization controls for embed, optional chat room
  2. Justin.tv—Unobtrusive ads, low-quality sound
  3. Livestream.com—iframe embed for future mobile-friendliness
  4. Stickam.com—Customization controls for embed
  5. TinyChat.tv—very little customization, forces using their chat room
  6. Blogtv.com
  7. Vokle.com
  8. Bambuser.com—streaming to Facebook, too
  9. freedocast.com
Audio
  1. Mixlr
  2. BlogTalkRadio—must schedule your shows, low-quality audio for free

What do you think of these services? Have you used them as a live-streamer or as an attendee? Please share your reviews, or suggestions of other services to consider.

Embed the player on your site

I highly recommend that you have your own live page on your own website. Follow these instructions to make that with WordPress and embed your own player.

  1. Login to your WordPress admin with yourpodcast.com/wp-admin/
    WordPress Login
  2. Go to Pages > Add New.
    WordPress: Add new page
  3. Name it “Live.”
  4. Switch to the HTML tab.
    WordPress: HTML tab
  5. Copy your embed code from the live-streaming site.
    Ustream.tv: embed codes
  6. Paste into the HTML tab.
  7. Save, preview, and publish!
    WordPress: publish

“Hack” the embed code

Here’s some sample code from Ustream (with some things omitted). Change the bold stuff to adjust the size or auto-play behavior of your player.

<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”480″ height=”296″><param name=”flashvars” value=”autoplay=false&brand=embed&v3=1″/><param name=”allowfullscreen” value=”true”/><param name=”allowscriptaccess” value=”always”/><param name=”movie” value=”http://www.ustream.tv/flash/viewer.swf”/><embed flashvars=”autoplay=false&brand=embed&v3=1″ width=”480″ height=”296″ allowfullscreen=”true” allowscriptaccess=”always” src=”http://www.ustream.tv/flash/viewer.swf” type=”application/x-shockwave-flash” /></object><br /><a href=”http://www.ustream.tv/” style=”padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;” target=”_blank”>Streaming by Ustream</a>

Most embed codes will include some link-back text at the end. You can remove this, as illustrated above.

Need personalized podcasting help?

I no longer offer one-on-one consulting outside of Podcasters' Society, but request a consultant here and I'll connect you with someone I trust to help you launch or improve your podcast.

Ask your questions or share your feedback

Connect with me

Disclosure

This post may contain links to products or services with which I have an affiliate relationship and may receive compensation from your actions through such links. However, I don't let that corrupt my perspective and I don't recommend only affiliates.

About the Author
As an award-winning podcaster, Daniel J. Lewis gives you the guts and teaches you the tools to launch and improve your own podcasts for sharing your passions and finding success. Daniel creates resources for podcasters, such as the SEO for Podcasters and Zoom H6 for Podcasters courses, the Social Subscribe & Follow Icons plugin for WordPress, the My Podcast Reviews global-review aggregator, and the Podcasters' Society membership for podcasters. As a recognized authority and influencer in the podcasting industry, Daniel speaks on podcasting and hosts his own podcast about how to podcast. Daniel's other podcasts, a clean-comedy podcast, and the #1 unofficial podcast for ABC's hit drama Once Upon a Time, have also been nominated for multiple awards. Daniel and his wife, Jenny, live near Cincinnati with their son, "Noodle Boy."

10 comments on How to embed live-streaming video on a podcast website – TAP045

  1. Debbie says:

    I can't even remember how I stumbled on this site, but you're amazing! 🙂

    Currently, I host a podcast (although I don't call it that) on BlogTalkRadio (BTR). I use an Audio Technica 2020 usb mic with pop filter via Skype, and my listeners and I are relatively happy with the sound quality.

    I'm ready to set up my own hosted podcast, though, but don't want to lose the ease of bringing live callers on the line. (The BTR studio makes this super-easy). Currently, I use Replay Telecorder to record all of the audio and my local webcam as I broadcast the show. (of course, BTR automatically records the audio, too).

    I love the energy of broadcasting live, and will likely begin to (finally) use my Livestream account to stream video live simultaneously. Like you, I realized that the live scheduling has forced me to do the show on a regular schedule…my listeners expect it.

    Thanks for all that you do.

    Debbie

    1. "They found me! I don't know how, but they found me! RUN FOR IT, MARTY!" 🙂

      Thanks, Debbie! I'm sure you'll find that you'll have a lot more listeners when you turn your live broadcast into a podcast and let people download anytime and listen anywhere.

  2. Hi Daniel,

    What do you think of SHOUTcast as a streaming service? Have you ever used it? It seems a bit more complicated to set up than Mixlr but it may be one of those things where once it’s set up you don’t have to worry about it again.

    1. Yes, SHOUTcast looks more complicated. I haven’t tried it yet. In live-streaming my podcasts, I’m more interested in combining the video, to make it an enhanced experience instead of just listening—but live.

      I’ll try to take a closer look at SHOUTcast soon.

  3. Jide says:

     i have just being giving a file with two embedded codes. One for high stream and another for low stream. i want to embed the two codes but when website visitors click on one the streaming video they make use of the high streaming. When mobile users visit the site, it uses the codes for low stream, how do i do this

    1. Nice application! This would require some web development. But here’s an example using responsive web design.

      In your HTML post code:


      HIGH VIDEO EMBED

      LOW VIDEO EMBED

      In your CSS file:


      #low-video { display: none; }

      @media screen and (max-width: 640px) {
      #high-video { display: none; }
      #low-video { display: block; }
      }

      This tells modern web browsers that if the browser window is smaller than 640 pixels wide, to hide the high-quality video and display the low-quality one instead.

      But this may not work perfectly on your theme.

  4. Is there any way or widget that let me schedue (day, hurs, minutes) several videos, from different sources? I have a “channel” on my web and I want to broadcast videos from friends, who has accounts in diferent servers, when my own programs aren´t broadcasting. Thanks for your answer!

    1. This is beyond my field of expertise. But I think you could do this by getting downloaded versions of all the videos, make a local playlist, and then live-stream that playlist.

  5. Files Arena says:

    techraza.com

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

50%
5/5

Enter your name and email address below to learn “7 Ways to Get More Podcast Reviews” FREE!

50%

Enter your first name and email address below to get my favorite TextExpander snippets!

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

Enter your information below to download the free guide “Free Tools for a Faster Website”

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

Enter your first name and email address below to download “Tools to Improve the 4 Cornerstones of Your Podcast” FREE.

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

See what Apple Podcasts and other popular podcast apps search with the Podcast SEO Cheat Sheet!

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

Enter your first name and email below to download the Podcast Cover Art Toolbox.

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

Get a FREE printable checklist “20 things you should do before recording every podcast episode”!

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.
50%

Before you go! Don’t miss this FREE checklist, “20 things you should do before recording every podcast episode”!

This form collects information we will use to send you podcasting-related updates with tips, offers, and news. We will not share or sell your personal information. You can unsubscribe at any time.