Multimedia & Embedding 101

This is a 3 part session, each is 1/2 an hour.


Part 1: Multimedia & Embedding: Uploading, Downloading and Converting Text Documents

Handout:
Test Page for Embedded Google Doc in a Wiki: http://thefishbowl.phoenix.wikispaces.net/TEST+PAGE
Part 2: Multimedia & Embedding: Uploading, Downloading and Converting Image Files
Part 3: Multimedia & Embedding: Uploading, Downloading and Converting Video and Audio Files

Rationale for these Sessions:
These are practical workshops for downloading, uploading and converting a range of commonly used Text Documents, Images, Videos and Audio files.

Getting started:
Unless you have some specific files of your own that you want to use in this session, the EdTech team has prepared some files for you to 'play' with in the session. Download our Multimedia resource package here:
Resource for Session:

External Links referenced in this session:

  1. KeepVid: Just one of a number of websites that offer YouTube downloading capabailities. YouTube itself also does this (now), but you need to sign in. With KeepVid saved to your Bookmarks, you might just find this faster to use: http://keepvid.com/
  2. SKITCH: Some people have recently reported problems with Skitch(all menu options 'greyed out'). If this is happening to you, go to the Applications folder in your Finder. Drag and drop Skitch into the Trash.
  3. Any Video Converter: A free App which is ideal for converting video files, with multiple different choices of output profiles to select from. Go to the (Apple) App Store (check your Dock or Applications Folder), signing to your Apple account and search for 'any video converter'. It is free and very quick to download.

Download this
Open in ‘Pages’

Converting Pages Documents for the Web

  1. File > SaveAs > Save Copy As ‘Microsoft Word’
  2. Ideal for uploading to Google Docs for further editing and collaboration. If the document has images, be fore warned. These will ‘move’ around with the conversion.
  3. File > Export > PDF

Embedding Google Docs in your Wiki

You can embed a Google Document or Spreadsheet into your wiki page to display. This will create a small preview sized view. The document, once embedded cannot be ‘worked’ on.

To embed your Google doc:
  1. Open the Google Doc you wish to embed on your wiki
  2. File > Publish to Web (see image to right)
  3. Confirm that you wish to publish
  4. Copy the Embed Code
  5. On your Wiki Page: Edit > Widget > Other HTML
  6. Paste the Embed Code

Part 2: Converting Photos for the Web


Converting Photos for the Web

Modern cameras are now capable of taking extremely high quality shots, which effectively translates as extremely large file sizes. Remember: file size and image size are not the same thing. File size refers to quality, while image size refers to physical dimensions. We are concerned here only with the file size.

Things you should know about handling and distributing large files:

Email accounts often have a limit. For school based email, this is in fact 25MB.
High resolution photos, when embedded on any web page, will slow down the loading of the page.

A: Export using iPhoto

Here is how to Optimize your High Resolution photos (in iPhoto) for the Web:

Select the photo
File > Export (see: top right)
Select Small or Medium (see: lower right)
Export

B: Export using Preview

Sometime you’ll have an image file that you don’t want in your iPhoto library, but nonetheless want to email or upload to a website. To convert or Optimize using Preview, here are the steps:

Open Image in Preview (right click > Open With...)
File > SaveAs (see: right)
Select Format (this could include .jpg if converting from pdf)
Adjust Quality (see: below)

C: Export using Skitch

Skitch is great for taking quick and easy screen shots, and for adding text and boxes to it. This is how the screen shots for this document have in fact been prepared.

Taking Screenshots with Skitch

When the App is open you’ll see this window (right)
In the top right of the window there is a button called ‘Snap’. Give it a try!
Once you have your screenshot (i.e. snap) you can add features from the left side of the window pane .
File > Export

Optimize images with Skitch

If you prefer to use the native Mac method of screenshots (Command+Shift+4), you can open these in Skitch to add text, boxes
and anything else that you want.
  1. File > Export
  2. Adjust Export Quality according to your needs (downgrade if using for webpage)

Part 3: Working with Video Files


Downloading Videos from YouTube

You never know when the internet might drag it’s heels and therefore upset carefully laid plans for your lesson. Here is how to grab a copy of a YouTube clip.
  1. Find your YouTube Clip
  2. Copy the URL address
  3. Go to keepvid.com
  4. Paste the URL and click Download
  5. When prompted, Allow Applets
  6. Select format for your Video (recommend MP4)
    Note: You can just download the AUDIO if you want to.

Downsizing your Videos

Quicktime is the easiest solution for converting Video files.

  1. File > Save for Web...
  2. Select the size and quality for the Web (iPhone low and high, or Computer)
  3. These same options are available if you select Save As... from the File Menu.

Make your own Screen Recording Videos with Quicktime

Want to capture a lesson that features a presentation (Keynote etc)? Here’s how to do it:

  1. Open Quicktime Player
  2. File > New Screen Recording
  3. Select Microphone and Quality (medium...especially is you’re going to distribute the file later on)
  4. Stop Recording (top Menu bar)
  5. File > Save As... or Save for Web...

Converting your Videos

There are any number of Video Conversion Apps available on the internet (many claiming to be free, only to be loaded with restrictions..). EdTech recommends ‘Any Video Converter’. It can convert a large number of file types to whatever you need. It’s as easy as 1-2-3 (see below)!

Download the Converter (INTEL version for Mac):
http://www.any-video-converter.com/products/mac_video_converter_freeware/

The Mac Camera

The Mac Camera can be accessed through a number of different Apps, but to create a video using it, here are two methods:

iMovie

  1. Once iMovie is opened click on the Camera icon (half way down screen and to the left)
  2. Press Capture to start
  3. Stop, when finshed
  4. This will create a NewEvent and there will be a preview icon for your video.
  5. Right click and Show in Finder, if you need to upload the video or email it The default location is inside you Movies/iMovie Events Folder in the Finder.

Converting Audio files (AAC and Mp3) in iTunes

iTunes, by default, imports music in AAC format (Advanced Audio Compression). This is necessary for iPods and the like, but what if you want to embed a song on your website?
To Convert from AAC to Mp3 in iTunes:

  1. iTunes menu > Preferences > General
  2. Click on import settings, then import using and select MP3 encoder.
  3. Finally, highlight the files to be converted in iTunes and choose create MP3 version from the Advanced menu

To Convert from Mp3 to AAC, reverse the second step above and select AAC encoder instead!

Remove DRM (Digital Rights Management) from iTunes music files

Probably the most popular method for removing DRM-protection from purchased songs is to burn the files to a CD-R/W then import them back into your iTunes library. This is a free method guaranteed to free you of DRM madness.

  1. Create an iTunes playlist with your purchased songs.
  2. Insert a blank CD-R or a CD-RW. CD-RW is highly recommended if your playlist has hundreds of songs
  3. Burn the playlist to disk.
  4. Re-import the songs after a successful burn.
  5. Delete the original purchased tracks.
  6. There are other ways to remove DRM that don’t involve throwing CDs in the trash. Here is a link to get freeware that will apparently do the job. Untested by EdTech. Source: http://www.iskysoft.com/article/remove-drm-protection-from-itunes.html


YouTube clip to use: