Part IV - Embed Video, Audio, and Documents

40
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS

description

Part IV - Embed Video, Audio, and Documents. Find a video on Youtube.com: Search for a video, then look for the “Embed” code. Copy this code into the HTML/JavaScript Editor Page Element. Add a Video: Click on the “Template” tab and then click on “Add a Page Element”. 1. 2. - PowerPoint PPT Presentation

Transcript of Part IV - Embed Video, Audio, and Documents

Page 1: Part IV - Embed  Video, Audio, and Documents

PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS

Page 2: Part IV - Embed  Video, Audio, and Documents

Find a video on Youtube.com: Search for a video, then look for the “Embed” code. Copy this code into the HTML/JavaScript Editor Page Element.

Page 3: Part IV - Embed  Video, Audio, and Documents

Add a Video: Click on the “Template” tab and then click on “Add a Page Element”.

Page 4: Part IV - Embed  Video, Audio, and Documents

Add a Video: Click on “Add HTML/JavaScript”.

Page 5: Part IV - Embed  Video, Audio, and Documents

Embed the Code: Copy and paste the “embed code” from your video site into the HTML/JavaScript Editor.

Page 6: Part IV - Embed  Video, Audio, and Documents

Edit the Size of the Video: If you are cramped for space in your blog, look for the width=“#” and height=“#” code and reduce each number by ½..

Page 7: Part IV - Embed  Video, Audio, and Documents

Here’s how it will look. Press the Play button to watch.

Page 8: Part IV - Embed  Video, Audio, and Documents

EMBEDDING AUDIO

Why not Audio Blog?!?

Page 9: Part IV - Embed  Video, Audio, and Documents

Create Your Audio File: A simple, free site is Podomatic.http://www.podomatic.com/

Page 10: Part IV - Embed  Video, Audio, and Documents

Create and Store Your Audio Files:

Page 11: Part IV - Embed  Video, Audio, and Documents

Copy the script to embed the audio file in your blog.

Page 12: Part IV - Embed  Video, Audio, and Documents

Embed the Code: Copy and paste the “embed code” from your audio site into the HTML/JavaScript Editor.

Page 13: Part IV - Embed  Video, Audio, and Documents

Edit the Size of the Audio Image: If you are cramped for space in your blog, look for the width=“#” and height=“#” code and reduce each number by ½, or more.

Page 14: Part IV - Embed  Video, Audio, and Documents

ADDING AUDIO FROM INTERNET RADIO

Who Knows, Your Readers Might Want to Listen to Something Cool.

Page 15: Part IV - Embed  Video, Audio, and Documents

Download Audacity: It’s a free audio recording program. http://audacity.sourceforge.net/download/

Page 16: Part IV - Embed  Video, Audio, and Documents

Visit Pandora: Pandora is a Web 2.0 technology that searches Internet Radio for tunes you like. http://www.pandora.com/

Page 17: Part IV - Embed  Video, Audio, and Documents

Open Audacity and Record: When you have the correct song playing on Pandora, click the record button. Let it record as long as you want, or until the end of the song. Hit stop.

Page 18: Part IV - Embed  Video, Audio, and Documents

Export the song: Export the song as a .wav file and save it to a folder on your computer.

Page 19: Part IV - Embed  Video, Audio, and Documents

Upload the Song: Upload the song to a file sharing website, or a wiki, as shown here.

Page 20: Part IV - Embed  Video, Audio, and Documents

Click on the upload image or file icon. Browse your files and then click upload. Click save on the wiki.

Page 21: Part IV - Embed  Video, Audio, and Documents

Click on “view” and then “page source”.

Page 22: Part IV - Embed  Video, Audio, and Documents

Click “Ctrl-F” and in the find box at the bottom, type in .wav and click “search”.

Page 23: Part IV - Embed  Video, Audio, and Documents

Highlight the code between the <script> tags. Right click and copy.

Page 24: Part IV - Embed  Video, Audio, and Documents

Go to your blog, log in, and click on customize.

Page 25: Part IV - Embed  Video, Audio, and Documents

Click on “template” and then on “add a page element”.

Page 26: Part IV - Embed  Video, Audio, and Documents

Click on “HTML/JavaScript.

Page 27: Part IV - Embed  Video, Audio, and Documents

Paste in the script code you copied from the wiki or other upload site.

Page 28: Part IV - Embed  Video, Audio, and Documents

Type in the “embed” code shown below above the script code.

<embed width="50” src="http://consortium.wikispaces.com/space/showimage/DaniCaliforniaRHCP.wav" height="50"> “script code goes here” </embed>

<embed> – opening tagWidth =“#” – size of the objectHeight =“#” – size of the objectSrc=“file name” Script code – the code you copied and pasted from the wiki or file sharing site.</embed> - closing tag

Page 29: Part IV - Embed  Video, Audio, and Documents

Check your code and then click “Save Changes”.

Page 30: Part IV - Embed  Video, Audio, and Documents

Make the Audio File or Video Loop: In the <Embed> or <Object> tags, add the code seen below.

<embed src="Url_of_Your_Audio_File" autostart=false loop=false height=62 width=144 controls="console"></embed> Change loop=false to loop=true

Page 31: Part IV - Embed  Video, Audio, and Documents

Here’s how it can look.

Page 32: Part IV - Embed  Video, Audio, and Documents

UPLOAD DOCUMENTS

Who Knows, Your Readers Might Need Some Directions.

Page 33: Part IV - Embed  Video, Audio, and Documents

Store Your Documents: One great place to create and store documents is ThinkFree.comhttp://www.thinkfree.com

Page 34: Part IV - Embed  Video, Audio, and Documents

Sign In or Sign Up for an Account.

Page 35: Part IV - Embed  Video, Audio, and Documents

Create a Document: You can create Word, Excel or PowerPoint like document. Or, just upload your own.

Page 36: Part IV - Embed  Video, Audio, and Documents

Your upload could look like this.

Page 37: Part IV - Embed  Video, Audio, and Documents

Bookmark the File on Delicious or copy the URL.

Page 38: Part IV - Embed  Video, Audio, and Documents

Create a link list, then copy and past the URL address in blank. Give the list a title; chose the number of links to who. Then, click “Save Changes”.

Page 39: Part IV - Embed  Video, Audio, and Documents

Here’s how it will look.

Page 40: Part IV - Embed  Video, Audio, and Documents

The link takes you to ThinkFree.com, were you can view or download the document.