110 likes | 222 Views
Multimedia on the Web. Connect Session, April, 2012. A quick Tour. Nancy Porter - audio Small Steps to Health and Wealth http:// www.ext.colostate.edu/smallsteps/convert.html Kurt Jones – video Solar Energy for Colorado Homes: Part 1
E N D
Multimedia on the Web Connect Session, April, 2012
A quick Tour • Nancy Porter - audio • Small Steps to Health and Wealth • http://www.ext.colostate.edu/smallsteps/convert.html • Kurt Jones – video • Solar Energy for Colorado Homes: Part 1 • http://www.extension.colostate.edu/chaffee/ener/vid1/solar1.shtml • Karen Massey – video • Routt Co. 4-H Zero Waste • http://rcextension.colostate.edu/4H/4H-vid.shtml
Presentations • Slideshare • http://www.slideshare.net/ • Register and upload • Use embed code to embed slideshow on website • You can also upload narration as an .mp3 and synch it to slides
Sound • Two methods • Upload it and link to it • End-user clicks it, opens in their own player • Easy, transparent, everyone knows how to click a link • Upload it and embed it as a plug-in • Media icon>Plug-in • Size it in PI (450 x 30 px) • Parameters: • Autoplay: false • Makes sure it DOESN’T autoplay • Google control bar code <embed type="application/x-shockwave-flash" flashvars="audioUrl=http://www.coopext.colostate.edu/comptrain/audio.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>
Using Youtube to add video • http://www.youtube.com/ • Don’t have to worry about hosting or conversion! • Register and upload existing video • Use embed code to add it to website • You can resize within code • 500 x 282
Vimeo • http://www.vimeo.com/ • Same embed procedure as Youtube • Little more artsy community • Supports High Def
Video Formats • .swf, .flv – Flash • Small file sizes, plays well with Dreamweaver, very wide support • Easiest to work with in Dreamweaver (Adobe owns both) • .wmv – Windows Media • Small file sizes, nearly universal support for PCs • .mov – Quicktime • Small file size, good for video, wide support
Converting video • Cam Studio • Free, converts .avi to .swf (Flash) • Squared 5 • Free, converts .mpegs to .avis or .mov (Quicktime) • Camtasia ($179) • Screen capture software • Excellent conversion tools • Converts most formats • Adobe Premiere ($218) (Elements for $48) • Industry standard • Steep learning curve • Converts anything to anything else • Me! • I have Premiere and will convert for you
Embedding your video:Flash • Put your cursor where the video goes • Media icon>Flash (choose .swf or .flv)>Browse to file
Embedding Your video:Quicktime • Place cursor where you want video to go • Media Icon> ActiveX • In Property Inspector: • Type in width and height of video in pixels • 500 x 282 • Click the “Embed” checkbox • Change File type to “all” • Browse to file
Embedding your video:Windows media • Put your cursor where the video goes • Media icon>Plugin • Browse to file • Type in width and height of video in pixels • 500 x 282