Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordcampNYC 2010 - Wordpress & Multimedia (Updated)

2,192 views

Published on

Updated Wordpress Multimedia deck with Brightcove, Polls, WP-Geo and more. Originally presented at Wordcamp Raleigh 2010. Presented at WordcampNYC 2010.

Published in: Technology
  • Login to see the comments

WordcampNYC 2010 - Wordpress & Multimedia (Updated)

  1. 1. WordPress & Multimedia Photo, Video & Podcasting Tony Zeoli - Lead Developer Reese Felts Digital Newsroom reesefelts.org | reesenews.org
  2. 2. Max Upload Web hosting providers preset max upload limits Some as low as 2 MB Learn how to change these limits via: the command line (/etc/php5/php.ini) php.ini file in root or wp-admin
  3. 3. Memory Limit Web hosting providers preset php memory limit Can be set in wp-config WP needs 32 MB, but sometimes plugins plus Wordpress require more. Test at 64 and then 96 Some hosts prevent override of memory_limit
  4. 4. PHP Memory
  5. 5. php.ini
  6. 6. php5
  7. 7. Overview
  8. 8. Overview Capabilities
  9. 9. Overview Capabilities Native -
  10. 10. Overview Capabilities Native - WordPress Media Library
  11. 11. Overview Capabilities Native - WordPress Media Library Plug-ins -
  12. 12. Overview Capabilities Native - WordPress Media Library Plug-ins - Video players, audio players, and image galleries
  13. 13. Native
  14. 14. Native Upload
  15. 15. Native Upload JPG, GIF, PNG
  16. 16. Native Upload JPG, GIF, PNG PDF
  17. 17. Native Upload JPG, GIF, PNG PDF Audio
  18. 18. Native Upload JPG, GIF, PNG PDF Audio Video
  19. 19. Native Upload JPG, GIF, PNG PDF Audio Video Create and embed links
  20. 20. Types
  21. 21. Types Single Image
  22. 22. Types Single Image Galleries
  23. 23. Types Single Image Galleries Image Rotators
  24. 24. Types Single Image Galleries Image Rotators Slide Shows
  25. 25. Types Single Image Galleries Image Rotators Slide Shows Page Flip
  26. 26. WP Media Library
  27. 27. Edit Media
  28. 28. Edit Media Editing Tools Scale Thumbs Meta & URL
  29. 29. Upload / Insert Add media IMG PDF Audio Video
  30. 30. Uploader Select Files Computer URL Gallery Media Library NextGen
  31. 31. Select One/More Flash Uploads Multiple Files
  32. 32. Flash Uploader
  33. 33. Insert in Post
  34. 34. Insert in Post
  35. 35. Display Gallery in
  36. 36. Make Changes
  37. 37. Settings Options Size, Class, Styles, Properties Alignment, Title, Caption, Link
  38. 38. Gallery Plug-In
  39. 39. Gallery Plug-In NextGen Gallery
  40. 40. Gallery Plug-In NextGen Gallery Most Popular
  41. 41. Gallery Plug-In NextGen Gallery Most Popular Albums, Galleries, Single Image
  42. 42. Gallery Plug-In NextGen Gallery Most Popular Albums, Galleries, Single Image Slideshows
  43. 43. Gallery Plug-In NextGen Gallery Most Popular Albums, Galleries, Single Image Slideshows Widgets
  44. 44. Gallery Plug-In NextGen Gallery Most Popular Albums, Galleries, Single Image Slideshows Widgets Related Plugins
  45. 45. NextGen Upload
  46. 46. Manage Galleries
  47. 47. Manage & SEO
  48. 48. Insert Gallery short code: [nggallery id=1]
  49. 49. NG SlideShow
  50. 50. NextGen Album
  51. 51. NextGen Album
  52. 52. NextGen Album
  53. 53. Photo EFX
  54. 54. Photo EFX Lightbox2 http://www.huddletogether.com/projects/ lightbox2/
  55. 55. Photo EFX Lightbox2 http://www.huddletogether.com/projects/ lightbox2/ Highslide http://highslide.com/
  56. 56. Photo EFX Lightbox2 http://www.huddletogether.com/projects/ lightbox2/ Highslide http://highslide.com/ Thickbox http://jquery.com/demo/thickbox/
  57. 57. Photo EFX Lightbox2 http://www.huddletogether.com/projects/ lightbox2/ Highslide http://highslide.com/ Thickbox http://jquery.com/demo/thickbox/ Shutterbox
  58. 58. EFX Examples
  59. 59. More Photo EFX
  60. 60. More Photo EFX MonoSlideShow: http://nextgen-gallery.com/ slideshow/nextgen- monoslideshow/
  61. 61. More Photo EFX MonoSlideShow: http://nextgen-gallery.com/ slideshow/nextgen- monoslideshow/ Next Gen Image Flow http://shabushabu.eu/nextgen-
  62. 62. Airtight Interactive
  63. 63. Airtight Interactive NextGen Flash Viewer Simple Viewer TiltViewer AutoViewer Postcard Viewer
  64. 64. Airtight Interactive NextGen Flash Viewer Simple Viewer TiltViewer AutoViewer Postcard Viewer Plugin CPanel added to NextGen Admin Must add files to “Upload” folder and set player location in c-panel.
  65. 65. Flip Books Flipping Book
  66. 66. Sell Photos
  67. 67. Photocrati
  68. 68. PhotoGraphic Through the Lens Revolution AutoFocus http://dobeweb.com/2010/best- photo-gallery-wordpress-themes.html http://www.1stwebdesigner.com/wordpress/free- portfolio-photo-gallery-wordpress-themes/
  69. 69. Snipi Clip Photos from the Web Wordpress Plug-In Add direct to your Wordpress Media Library
  70. 70. Flash vs HTML 5
  71. 71. Flash vs HTML 5 Let’s get this out of the way now.
  72. 72. Flash vs HTML 5 Let’s get this out of the way now. Issue: FLV will not play on the iPhone/iPad
  73. 73. Flash vs HTML 5 Let’s get this out of the way now. Issue: FLV will not play on the iPhone/iPad Resolution: Degradable HTML5 Audio & Video Plug-in http://soukie.net/ degradable-html5-audio- and-video-plugin/
  74. 74. Content Types
  75. 75. Content Types Video: flv (flash) .m4v & .mp4(H.264) .mov & ogg/ogv
  76. 76. Content Types Video: flv (flash) .m4v & .mp4(H.264) .mov & ogg/ogv Audio: .mp3. .m4a & oga
  77. 77. Content Types Video: flv (flash) .m4v & .mp4(H.264) .mov & ogg/ogv Audio: .mp3. .m4a & oga Photo: .jpg, .png, gig
  78. 78. Video
  79. 79. Video Plug-In or Development Options Brightcove Express $99, tiered to $499 Kaltura (API) Freemium (Free for up to 10GB free, paid thereafter) Wordpress Plugin WordTube with JW Player (HTML5) or Flow Player Vipers Video Quicktags, Wordpress Video Plugin Degradable HTML5 Audio & Video Plug-in
  80. 80. Brightcove
  81. 81. Upload
  82. 82. Publish Player
  83. 83. Manage Videos Players
  84. 84. Kaltura Content
  85. 85. Select Video Player
  86. 86. Manage Players Template Features Style
  87. 87. Rockin WP Video Pack Upload, record from webcam and import all rich-media directly to your blog post; Edit and remix videos using Kaltura's online full-featured video editor; Easily import all rich media (video, audio, pictures...) from other sites and social networks, such as Flickr, CCMixter, Jamendo, New York Public Library, any URL on the web etc.; Allow readers and subscribers to add video and audio comments, and to participate in collaborative videos; Manage and track interactive videos through the management console; Enable video advertising Sidebar widget displaying thumbnails of recent videos and video comments Complete administrative capabilities.You decide who can add and edit each video; Supports more than 150 video, audio and image file formats and codecs Choose your preferred video player style for each player you embed Custom sizing of the video player Update thumbnail of video by selecting frame from video Advanced sharing options for videos Sidebar widget showing all recent videos posted and video comments. Easy installation that takes just 4 steps and a few minutes.
  88. 88. WordTube
  89. 89. WordTube Open Source Plug-in JW Player (HTML5) Free Stream from Server
  90. 90. Example: NMoH
  91. 91. Example: NMoH Display videos as a list You can display your files and YouTube tracks in the same player.
  92. 92. Stats
  93. 93. Admin Panel
  94. 94. Edit Media File Add to Play List
  95. 95. Vipers Video
  96. 96. Vipers Video Simple embeds
  97. 97. Vipers Video Simple embeds Conflicts with Degradable HTML5 Player
  98. 98. Vipers Video Simple embeds •Works With: •YouTube (including Conflicts with playlists) Degradable HTML5 •Google Video Player •DailyMotion •Vimeo •Veoh •Viddler •Metacafe •Blip.tv •Flickr videos •Spike.com/IFILM •MySpaceTV
  99. 99. Audio
  100. 100. Audio Yahoo Media Player http://wordpress.org/extend/plugins/yahoo-media-player/
  101. 101. Audio Yahoo Media Player http://wordpress.org/extend/plugins/yahoo-media-player/ SoundCloud VisualSound: http://wordpress.org/extend/plugins/visual- sound/ Uses Short Codes
  102. 102. Audio Yahoo Media Player http://wordpress.org/extend/plugins/yahoo-media-player/ SoundCloud VisualSound: http://wordpress.org/extend/plugins/visual- sound/ Uses Short Codes Podcasting or PodPress plug-ins Track with Feedburner List with iTunes
  103. 103. Jquery Players
  104. 104. Yahoo Media Player
  105. 105. Visual Sound
  106. 106. Visual Sound Wordpress plugin Embed SoundCloud Players Multiple options using [short codes]
  107. 107. Netmix Podcast
  108. 108. Feedburner
  109. 109. Netmix on iTunes
  110. 110. WP-Geo
  111. 111. WP-Geo
  112. 112. WP-Geo
  113. 113. SodaHead Polls
  114. 114. Create Poll
  115. 115. Add Poll
  116. 116. Contact Tony Zeoli, Lead Developer Reese Felts Digital News Project University of North Carolina at Chapel Hill tony.zeoli@reesenews.org | @tonyzeoli Founder, Digital Strategy Works | @dswks Founder, Netmix.com | @djtonyz

×