Live Media on Your Blog<br />Mike @drnormal Gebhardt<br />http://drnormal.com/about<br />Design Acknowledgements: <br />Ca...
The Early Years of Online Media in 90’s<br />Lack of Bandwidth Online<br />Downloading not Streaming<br />Audio Online<br ...
A Golden DecadeTechnology and Content 2000-2010<br />Wired “Weblogs” article (2000) http://is.gd/eWlYN<br />Personal Web P...
Flash Makes Live Web Media a Reality<br />Flash 1 (1996) / Flash 4 (1999)<br />Flash 8 (2005): Full video streaming suppor...
My Blog Is Now My Media Empire!<br />
My Blog Is Now My Media Empire!<br />
TIP: Embedding a Live Event into Your Blog <br />I’m at a Live Event!<br />What Type of Real Time Media Stream?<br />
WebVisions 2010Embed a Live Event into a Blog Post<br />
Add a Watch It Live Tab<br />
Add a Watch It Live TabLive Content Not on Main Page & 3rd Party Chat Embed<br />
Livestream and JustinHave Embed Codes Too - Just Look for Them Below the Player!<br />
TRICK: Producing a Live Event Integration into Your Blog<br />Public or Private CDN?<br />Players and “Social Streams”<br />
Word Camp Portland 2010With Twitter Hashtag “Social Stream”<br />
FMLE to FVSS<br />
Service Provider and FMLEDownload FMLE XML Config File for Your Channel<br />
Embed Code in a Custom Header<br />
Embed Code in Custom Header<br />
Embed Code in Custom HeaderLive Content in Header – Posted Content Below<br />
Embed Code in Custom HeaderThis is my Blog! http://drnormal.com<br />
CHICANERY: Design ConsiderationsConsider Audience Experience when Choosing a Theme<br />
HTML5 Video and going mobile!<br />
HTML5 Video and going mobile!<br /><video> </video> & Native Browser Support<br />Codecs & Licensed IP (e.g. H.264)<br />M...
HTML5 Video: Codecsnot Codex<br />
Upcoming SlideShare
Loading in...5
×

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

865

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.

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
865
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

    Clipping is a handy way to collect important slides you want to go back to later.

×