WordcampNYC 2010 - Wordpress & Multimedia (Updated)

2,009 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
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
2,009
On SlideShare
0
From Embeds
0
Number of Embeds
258
Actions
Shares
0
Downloads
8
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide








































































































































































































  • 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

    ×