1 / 11

Multimedia on the Web

Discover essential techniques for embedding audio and video into web content in this informative session presented in April 2012. Hosted by Nancy Porter, Kurt Jones, and Karen Massey, this guide covers various methods, including embedding slideshows from Slideshare, using YouTube and Vimeo for video integration, and converting different media formats. Enhance your website with engaging multimedia and learn how to ensure compatibility across platforms while avoiding autoplay issues. Perfect for beginners and seasoned web developers alike!

thanos
Télécharger la présentation

Multimedia on the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Multimedia on the Web Connect Session, April, 2012

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

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

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

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

  6. Vimeo • http://www.vimeo.com/ • Same embed procedure as Youtube • Little more artsy community • Supports High Def

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

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

  9. Embedding your video:Flash • Put your cursor where the video goes • Media icon>Flash (choose .swf or .flv)>Browse to file

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

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

More Related