Upload
geoff-belanger
View
2.635
Download
0
Tags:
Embed Size (px)
DESCRIPTION
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.
Citation preview
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