Publishing media in Wordpress
Wordcamp Montreal 2010
Geoff Belanger - Ensemble [email protected]
http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress
How I ended up hereGeek Artist
What’s in it for you
• Simple guidelines on how to prepare each type of media for use in Wordpress
• A high-level overview of what can be done with each type of media in Wordpress
• Many links to software, plugins and other goodies
This presentation will give you:
Let’s turn Wordpress into a multimedia powerhouse!
What we’ll see together• Searching for media: Audio, Pictures & Video
• Audio- Capture, Edit & Render- Software- Audio in Wordpress
• Images- Capture, Edit & Render- Software- Images in Wordpress
• Video- Capture, Edit & Render- Software- Video in Wordpress
• Text: Brainstorming & Plugins
Searching for media
• Creative Commons
• Royalty free
• Asking for permission
Searching for audio
• Creative Commons Directories
• Jamendo
• Audio Jungle
Searching for images
• Creative Commons directories
• Fotolia
• Flickr
• Google Images
Searching for videos
• You Tube
• Vimeo
• Daily Motion
• Creative Commons directories
Capturing Audio
• Mobile phone / Recorder
• Laptop & Desktop- Built-in vs soundcard- Webcam- Microphone
• CD
• Goals:- Best audio quality- Hot signal- Mimize background noise
Audio Software
• Audacity
• Garage Band (Mac)
• Music Creator (Pc)
• Free Audio Software
• Bundles
Editing Audio
• Target:- Self-Hosted Audio?- iTunes? Cloud Audio?
• Cutting, Fade-in & Fade-out
• Volume, Gain and Compression
• Goals:- Minimize Variations of Dynamics- Smooth Transitions- Good sound level- Respect zero crossing-points- Keep a backup copy, always
Rendering Audio
• File format:- Mp3- Avoid unpopular formats (wma, rm)
• Resolution- Target devices ? 128 kb/s music, 64 kb/s speech
• File size: as small as possible
Audio in Wordpress• Flash players, except:
Audiobar & Flower
• Cloud audio: Soundcloud
• Continuous play: Streampad
• Background audio: Singsong
• Podcasting: Built-in, Odiogo & Powerpress Podcasting
• Download: WPAudio MP3 player
• Playlist: n3rdskwat MP3 player
• Sidebar: Simplemusic
Capturing Images
• Camera
• Scanner
• Mobile phone
• Screen capture
• Goals:- Get high resolution images- Best lighting possible
Image related Software
• Gimp
• Jing
• Free Graphics Software
• Bundles
Editing Images
• Target:- Gallery? Thumbnail?- Sidebar? In article? Flickr?
• Layers & Assembling
• Cropping & Image size
• Goals:- Do the work outside WP- Keep a backup copy, always
Rendering Images
• File format:- jpeg
• Resolution: - Target devices? Screen = 1024px x768px Image quality = 72 dpi
• File size: - max ≈ 200Kb
Images in Wordpress
• WP built-in image management
• WP image plugins: NextGen Gallery
• Cloud pictures: Flickr
Capturing Video
• Mobile phone
• Ipod nano
• Webcam
• Video & Photo Camera
• Screen capture
• Goals:- Highest possible resolution- Best lighting- Audio signal quality
Video related Software
• iMovie (Mac)
• Movie Maker & Vegas (Pc)
• Free Video Software
• Jing
• Cloud editing
• Bundles
Editing Video
• Target:- Self-Hosting? YouTube?- Facebook?
• Cropping & Splitting: Mac & PC
• Transitions
• Titles: Mac & PC
• Video size
• Check Audio
Rendering Video
• File format:- .mp4 or .avi- Avoid unpopular formats (wmv, rm)
• Resolution: - Target devices?
• File size: - Check your target
Video in Wordpress
• Main content vs plugins
• Embedding- Built-in, Smart YouTube, Viper Quick Tags
• Sidebar: - Daiko’s video widget
• Playlist: - Wordtube & YouTube SimpleGallery
Text in Wordpress
• Getting ready to write in WP: - Freemind
• Advanced text layout:- TinyMCE Advanced
• Tweaking it: CSS & Firebug
• Non-standard Web fonts in Javascript: Cufon
• Creative Commons directories
Thank You!
Questions?
http://www.ensembleweb.com
http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress
