From an in-class presentation to Roz Bernstein's seminar 1, Fall 2012. Less about podcasting per se, and more about why we might use audio and how to embed it on an eportfolio site.
Intro to podcasting (without rss)
Reply
Category Archives: Seminar 1
QuickTime Screen Recordings
Screen recordings capture all the activity on your computer screen including any programs you are running (e.g., powerpoint, facetime, etc.), movies you are playing (e.g., a youtube video) and actions that you take (e.g., opening a program, typing, etc.).
It's easy to create a screen recording using QuickTime. To start, open QuickTime and then
(1) Click on "File" in the menu bar
(2) Click on "New Screen Recording"
(2) Click on the red "Record" button.
(3) Click on the "Stop" button to end recording.
Once you are done, you can easily edit your screen recording in iMovie.
Helpful Hints:
Your screen recording will automatically be saved in your "Movies" file. To change this location, click on the drop down menu in the recording dialogue box and click on "Choose" under "Save to" to pick a new location before recording.
Your screen recording will also record all audio including the sound of your typing and mouse clicks. If you don't want to record the sound, click on the drop down menu in the recording dialogue box and click on "None" under "Microphone" before recording.
Embed Video from YouTube or Vimeo
It's a good idea to upload your videos to either YouTube or Vimeo before you embed them in a Post. If you have trouble, follow the steps below:
YouTube
- Upload your video to YouTube.
- Under the video click on the button that says Share.
- You'll see a shortcode and to the right a button that says Embed. Click on Embed.
- At the bottom of the Embed Options, you will see various sizes. Click on Custom and put 575 in the Width box (the Height box should automatically input a number).
- Look in the text box that has a long code that starts with "<ifram width=" and ends with "</iframe>". Select and copy the entire code (Comand C for Copy).
- Go to your Post on the website. Type up a description of your video, or whatever you want the post to say.
- When you're ready to insert the video, look at the tabs in the upper right hand corner of the edit box. One says Visual and one that says HTML. Click on HTML.
- Go to the bottom of the text and Paste-in the Code that you copied from YouTube or Vimeo (Command V for Paste).
- Click Publish. You're done.
Vimeo
- Upload your video to Vimeo.
- To the right hand side of the video click on the Share icon.
- A panel will pop up with some options. On the right hand side of the panel near the bottom, click on Customize embed options.
- Under Size put 575 in the first box (this value is for the Width), the other box should fill automatically.
- You can choose the color for the video title. Our highlight color for the website is #7a2f32, so you might want to use that.
- Under Other deselect any of the options.
- On the top right hand side of the panel is a text box that has a long code that starts with "<iframe src=" and ends with "</iframe>". Select and copy the entire code (Comand C for Copy).
- Go to your Post on the website. Type up a description of your video, or whatever you want the post to say.
- When you're ready to insert the video, look at the tabs in the upper right hand corner of the edit box. One says Visual and one that says HTML. Click on HTML.
- Go to the bottom of the text and Paste-in the Code that you copied from YouTube or Vimeo (Command V for Paste).
- Click Publish. You're done.
A few notes:
You can use the shortcode from Youtube that you first see when you click Embed; however, this code doesn't give you any control over the size of the video and sometimes parts of the video (often the top or bottom) get cut-off when you embed this way. It's best to choose the size of your video before embedding it.
When editing your post in the Visual tab, you'll only see a big box as a placeholder for the video. Don't worry, the video will show up when you view the post on the website.
Finally, the width specifications listed in this post are for the 2011 theme. You might have to adjust the pixel width for your website.
HTML Color Chart
Web Monkey's handy HTML color chart will give you the hexadecimal codes that your browser uses to determine the color to display.
Handy Code Snippets
Check our collection of scripts and templates for good ideas you may not know how (or may not want to bother) to program.
2012 ePortfolio Expo – May 2nd
For those of you with your own websites on the ePortfolio system, you can enter your submission for the Second Annual Macaulay ePortfolio Expo by registering here.
If you don't have anything yet, but would like to enter, it's not too late! You have until April 23rd. Also, don't forget that your ITF is a great resource for help and you can always contact them to discuss and get feedback on your ideas or for technical support.
View the 2011 winning entries here.
iMovie Tutorial
Google Books – Don Giovanni
The transformation of historically paper texts to digital format allows information and knowledge to be accessed in new ways. Some texts that are available through Google books and related to Seminar 1 are noted below. You can search on your own for additional books and text versions.
Please note the versions below may differ from your instructors selection and do not substitute for the required text.
Don Giovanni
By Wolfgang Amadeus Mozart
Multimedia Presentations
Prezi: Images with Voice-Over
Adding images with voice-over in Prezi is a little tricky. Prezi suggests changing file formats to insert sound into your presentation (see here).
But here's one way that worked for me:
In GarageBand,
(1) Make a Podcast
(2) Share Podcast with iTunes (Share>Send Podcast to iTunes)
(*NOTE* You could also record voice-overs in iMovie, although you'll have less control over your recording than in GargaeBand. In iMovie, simply click on microphone icon & record!)
In iMovie:
(3) New Project>Name & Choose Background>Create
(4) Drag & Drop image(s) from iPhoto (from camera icon on right side of screen)
(5) Drag & Drop Podcast from iTunes into background (from music icon on right side of screen)
(6) Share iMove with media browser (Share>Media Browser)
In Prezi
(7) Insert "Image"
(8) Select your iMovie file (usually found under Media>Movies)
Additionally, screenshots made in Quicktime also work in Prezi.
To make a screenshot:
In Quicktime:
(1) File>New Screen Recording
(2) Hit Record button (it will record audio & computer screen)
(3) Hit Stop button to end recording
In Prezi:
(7) Insert "Image"
(8) Select your Quicktime screenshot file (usually found under Media>Movies)
