A no non-sense approach to publishing efficient multimedia content on a regular basis. Tips on how to prepare text, audio, video, pictures and even site/blog structure using Open source and free software, as well as integrating your new multimedia content into your wordpress blog with plugins. After this talk you should be on your way to turning your Wordpress site into a multimedia powerhouse.

1. Publishing media in
Wordpress
Wordcamp Montreal 2010
Geoff Belanger - Ensemble Web
geoffroy@ensembleweb.com
http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress

2. How I ended up here
Geek Artist

3. What’s in it for you
This presentation will give 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
Let’s turn Wordpress into a multimedia powerhouse!

4. 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

5. Searching for media
• Creative Commons
• Royalty free
• Asking for permission

6. Searching for audio
• Creative Commons Directories
• Jamendo
• Audio Jungle

7. Searching for images
• Creative Commons directories
• Fotolia
• Flickr
• Google Images

8. Searching for videos
• You Tube
• Vimeo
• Daily Motion
• Creative Commons directories

9. Capturing Audio
• Mobile phone / Recorder
• Laptop & Desktop
- Built-in vs soundcard
- Webcam
- Microphone
• CD
• Goals:
- Best audio quality
- Hot signal
- Mimize background noise

10. Audio Software
• Audacity
• Garage Band (Mac)
• Music Creator (Pc)
• Free Audio Software
• Bundles

11. 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

12. 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

13. 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

14. Capturing Images
• Camera
• Scanner
• Mobile phone
• Screen capture
• Goals:
- Get high resolution images
- Best lighting possible

15. Image related Software
• Gimp
• Jing
• Free Graphics Software
• Bundles

16. 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

17. Rendering Images
• File format:
- jpeg
• Resolution:
- Target devices?
Screen = 1024px x768px
Image quality = 72 dpi
• File size:
- max ≈ 200Kb

18. Images in Wordpress
• WP built-in image management
• WP image plugins: NextGen Gallery
• Cloud pictures: Flickr

19. Capturing Video
• Mobile phone
• Ipod nano
• Webcam
• Video & Photo Camera
• Screen capture
• Goals:
- Highest possible resolution
- Best lighting
- Audio signal quality

20. Video related Software
• iMovie (Mac)
• Movie Maker & Vegas (Pc)
• Free Video Software
• Jing
• Cloud editing
• Bundles

21. Editing Video
• Target:
- Self-Hosting? YouTube?
- Facebook?
• Cropping & Splitting: Mac & PC
• Transitions
• Titles: Mac & PC
• Video size
• Check Audio

22. Rendering Video
• File format:
- .mp4 or .avi
- Avoid unpopular formats (wmv, rm)
• Resolution:
- Target devices?
• File size:
- Check your target

23. Video in Wordpress
• Main content vs plugins
• Embedding
- Built-in, Smart YouTube,
Viper Quick Tags
• Sidebar:
- Daiko’s video widget
• Playlist:
- Wordtube & YouTube SimpleGallery

24. 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

25. Thank You!
Questions?
geoffroy@ensembleweb.com
http://www.ensembleweb.com
http://www.slideshare.net/GeoffBelanger/publishing-media-in-wordpress