Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery

  • 770 views
Uploaded on

This is not your father’s blog: with so much rich media on the web, bloggers want to know how to embed everything from podcasts to live events using their WordPress blog as a media portal.

This is not your father’s blog: with so much rich media on the web, bloggers want to know how to embed everything from podcasts to live events using their WordPress blog as a media portal.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
770
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Live Media on Your Blog
    Mike @drnormal Gebhardt
    http://drnormal.com/about
    Design Acknowledgements:
    CamiKaosStrangeLoveLive.com
    Rick Turoczy 30HourDay.org
    Darin Richardson RefreshMedia.com
    All trademarks and logos are the property of their respective owners.
  • 2. The Early Years of Online Media in 90’s
    Lack of Bandwidth Online
    Downloading not Streaming
    Audio Online
    mp3 extension (1995)
    Ripping CD’s
    WinAMP (1997)
    The pre-iPod Years (2001)
    Shoutcast AOL (1999) + DSL = “Internet Radio”
    Video Online
    Low quality for online video
    Real Player (1995) Streaming Client (rm & ram)
  • 3. A Golden DecadeTechnology and Content 2000-2010
    Wired “Weblogs” article (2000) http://is.gd/eWlYN
    Personal Web Publishing Communities http://is.gd/eWmjA
    Hosted Blogs and Software
    LiveJournal & Blogger (1999)
    Wordpress (2003)
    Technology: RSS & Web Coding
    RSS 1.0 (2000) / RSS 2.0 (2003)
    Web "standards" driven to server side!
  • 4. Flash Makes Live Web Media a Reality
    Flash 1 (1996) / Flash 4 (1999)
    Flash 8 (2005): Full video streaming support
    Flash Media Live Encoder (FMLE)
    1.0/2.0 (2007) RTMPFMS/FVSS
    2.5 (2008): H.264
    3.0 (2009): VP6/H.264/MP3/AAC Codecs
  • 5. My Blog Is Now My Media Empire!
  • 6. My Blog Is Now My Media Empire!
  • 7. TIP: Embedding a Live Event into Your Blog
    I’m at a Live Event!
    What Type of Real Time Media Stream?
  • 8.
  • 9. WebVisions 2010Embed a Live Event into a Blog Post
  • 10.
  • 11. Add a Watch It Live Tab
  • 12. Add a Watch It Live TabLive Content Not on Main Page & 3rd Party Chat Embed
  • 13. Livestream and JustinHave Embed Codes Too - Just Look for Them Below the Player!
  • 14. TRICK: Producing a Live Event Integration into Your Blog
    Public or Private CDN?
    Players and “Social Streams”
  • 15. Word Camp Portland 2010With Twitter Hashtag “Social Stream”
  • 16.
  • 17. FMLE to FVSS
  • 18. Service Provider and FMLEDownload FMLE XML Config File for Your Channel
  • 19. Embed Code in a Custom Header
  • 20. Embed Code in Custom Header
  • 21. Embed Code in Custom HeaderLive Content in Header – Posted Content Below
  • 22. Embed Code in Custom HeaderThis is my Blog! http://drnormal.com
  • 23. CHICANERY: Design ConsiderationsConsider Audience Experience when Choosing a Theme
  • 24. HTML5 Video and going mobile!
  • 25. HTML5 Video and going mobile!
    <video> </video> & Native Browser Support
    Codecs & Licensed IP (e.g. H.264)
    MPEG LA
    http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC
    Apple, Adobe & Google (On2/VP8/WebM)
    Live Services Starting to Support Natively
    http://iphone.livestream.com/
  • 26. HTML5 Video: Codecsnot Codex