WordPress &
Multimedia
  Photo, Video & Podcasting
 Tony Zeoli - Lead Developer
Reese Felts Digital Newsroom
reesefelts.org | reesenews.org
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
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
PHP Memory
php.ini
php5
Overview
Overview
Capabilities
Overview
Capabilities

   Native -
Overview
Capabilities

   Native -

      WordPress Media Library
Overview
Capabilities

   Native -

      WordPress Media Library

   Plug-ins -
Overview
Capabilities

   Native -

      WordPress Media Library

   Plug-ins -

      Video players, audio players, and image galleries
Native
Native
Upload
Native
Upload

  JPG, GIF, PNG
Native
Upload

  JPG, GIF, PNG

  PDF
Native
Upload

  JPG, GIF, PNG

  PDF

  Audio
Native
Upload

  JPG, GIF, PNG

  PDF

  Audio

  Video
Native
Upload

  JPG, GIF, PNG

  PDF

  Audio

  Video

Create and embed links
Types
Types
Single Image
Types
Single Image

Galleries
Types
Single Image

Galleries

Image Rotators
Types
Single Image

Galleries

Image Rotators

Slide Shows
Types
Single Image

Galleries

Image Rotators

Slide Shows

Page Flip
WP Media Library
Edit Media
Edit Media
Editing Tools            Scale



                         Thumbs




                          Meta
                          & URL
Upload / Insert

Add media
      IMG
      PDF
    Audio
    Video
Uploader


Select Files   Computer
               URL
               Gallery
               Media Library
               NextGen
Select One/More

Flash
Uploads
Multiple Files
Flash Uploader
Insert in Post
Insert in Post
Display Gallery in
Make Changes
Settings Options
Size, Class, Styles, Properties   Alignment, Title, Caption, Link
Gallery Plug-In
Gallery Plug-In
NextGen Gallery
Gallery Plug-In
NextGen Gallery

  Most Popular
Gallery Plug-In
NextGen Gallery

  Most Popular

  Albums, Galleries,
  Single Image
Gallery Plug-In
NextGen Gallery

  Most Popular

  Albums, Galleries,
  Single Image

  Slideshows
Gallery Plug-In
NextGen Gallery

  Most Popular

  Albums, Galleries,
  Single Image

  Slideshows

  Widgets
Gallery Plug-In
NextGen Gallery

  Most Popular

  Albums, Galleries,
  Single Image

  Slideshows

  Widgets

  Related Plugins
NextGen Upload
Manage Galleries
Manage & SEO
Insert Gallery




short code: [nggallery id=1]
NG SlideShow
NextGen Album
NextGen Album
NextGen Album
Photo EFX
Photo EFX
Lightbox2
  http://www.huddletogether.com/projects/
  lightbox2/
Photo EFX
Lightbox2
  http://www.huddletogether.com/projects/
  lightbox2/
Highslide
  http://highslide.com/
Photo EFX
Lightbox2
  http://www.huddletogether.com/projects/
  lightbox2/
Highslide
  http://highslide.com/
Thickbox
  http://jquery.com/demo/thickbox/
Photo EFX
Lightbox2
  http://www.huddletogether.com/projects/
  lightbox2/
Highslide
  http://highslide.com/
Thickbox
  http://jquery.com/demo/thickbox/
Shutterbox
EFX Examples
More Photo EFX
More Photo EFX
MonoSlideShow:

  http://nextgen-gallery.com/
  slideshow/nextgen-
  monoslideshow/
More Photo EFX
  MonoSlideShow:

    http://nextgen-gallery.com/
    slideshow/nextgen-
    monoslideshow/

Next Gen Image Flow
  http://shabushabu.eu/nextgen-
Airtight Interactive
Airtight Interactive
NextGen Flash Viewer
  Simple Viewer
  TiltViewer
  AutoViewer
  Postcard Viewer
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.
Flip Books
Flipping Book
Sell Photos
Photocrati
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/
Snipi
Clip Photos from the Web

Wordpress Plug-In

Add direct to your Wordpress Media Library
Flash vs HTML 5
Flash vs HTML 5
Let’s get this out of the way
now.
Flash vs HTML 5
Let’s get this out of the way
now.

Issue:

   FLV will not play on the
   iPhone/iPad
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/
Content Types
Content Types
Video:

  flv (flash)

  .m4v & .mp4(H.264)

  .mov & ogg/ogv
Content Types
Video:

  flv (flash)

  .m4v & .mp4(H.264)

  .mov & ogg/ogv

Audio:

  .mp3. .m4a & oga
Content Types
Video:

   flv (flash)

   .m4v & .mp4(H.264)

   .mov & ogg/ogv

Audio:

   .mp3. .m4a & oga

Photo: .jpg, .png, gig
Video
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
Brightcove
Upload
Publish Player
Manage
Videos            Players
Kaltura Content
Select Video Player
Manage Players
Template


           Features


                      Style
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.
WordTube
WordTube
Open Source
Plug-in
JW Player (HTML5)
Free
Stream from Server
Example: NMoH
Example: NMoH
Display videos as
a list
You can display
your files and
YouTube tracks
in the same
player.
Stats
Admin Panel
Edit Media File

                  Add to
                  Play List
Vipers Video
Vipers Video
Simple embeds
Vipers Video
Simple embeds
Conflicts with
Degradable HTML5
Player
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
Audio
Audio
Yahoo Media Player
  http://wordpress.org/extend/plugins/yahoo-media-player/
Audio
Yahoo Media Player
  http://wordpress.org/extend/plugins/yahoo-media-player/
SoundCloud
  VisualSound: http://wordpress.org/extend/plugins/visual-
  sound/
  Uses Short Codes
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
Jquery Players
Yahoo Media Player
Visual Sound
Visual Sound
Wordpress plugin
Embed SoundCloud
Players
Multiple options using
[short codes]
Netmix Podcast
Feedburner
Netmix on iTunes
WP-Geo
WP-Geo
WP-Geo
SodaHead Polls
Create Poll
Add Poll
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

WordcampNYC 2010 - Wordpress & Multimedia (Updated)