Your SlideShare is downloading. ×
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

802
views

Published 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.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
802
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
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