Your SlideShare is downloading. ×
0
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
Word Camp Portland 2010: Live Media on Your Blog: Tips, Tricks and Chicanery
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.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
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

853

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
853
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<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. 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. 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. 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. My Blog Is Now My Media Empire!<br />
  • 6. My Blog Is Now My Media Empire!<br />
  • 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.
  • 9. WebVisions 2010Embed a Live Event into a Blog Post<br />
  • 10.
  • 11. Add a Watch It Live Tab<br />
  • 12. Add a Watch It Live TabLive Content Not on Main Page & 3rd Party Chat Embed<br />
  • 13. Livestream and JustinHave Embed Codes Too - Just Look for Them Below the Player!<br />
  • 14. TRICK: Producing a Live Event Integration into Your Blog<br />Public or Private CDN?<br />Players and “Social Streams”<br />
  • 15. Word Camp Portland 2010With Twitter Hashtag “Social Stream”<br />
  • 16.
  • 17. FMLE to FVSS<br />
  • 18. Service Provider and FMLEDownload FMLE XML Config File for Your Channel<br />
  • 19. Embed Code in a Custom Header<br />
  • 20. Embed Code in Custom Header<br />
  • 21. Embed Code in Custom HeaderLive Content in Header – Posted Content Below<br />
  • 22. Embed Code in Custom HeaderThis is my Blog! http://drnormal.com<br />
  • 23. CHICANERY: Design ConsiderationsConsider Audience Experience when Choosing a Theme<br />
  • 24. HTML5 Video and going mobile!<br />
  • 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. HTML5 Video: Codecsnot Codex<br />

×