Embedding

= EMBEDDING= Understanding and writing HTML to display videos and sounds in a web page or embedding other dynamic content was once reserved for highly skilled web developers. Not anymore! Many web services now provide code that can be cut and pasted into a website, blog, wiki or your Blackboard course site. In this session, we’ll explore the practice of embedding, examine several sites that provide code for embedding content and raise questions about the instructional value of this practice.

What is embedding?

 * A means to incorporate resources and content from another site into the body of your web page

Why use embedding over link, insert or upload?
> media type="custom" key="5037989"
 * Embedding provides content from another site in context of your own web page, blog, course content (example: YouTube Video)
 * Provides a means of including some content which will be automatically updated as the source page changes (such as comments on a VoiceThread)
 * Embedding can contain code to include a player and control size of the display, etc. An example is an audio file from the Internet Archive:

Where can I embed content?

 * On any web page which you develop or have access to edit
 * In your course on any Learning Management System - i.e. course materials in Blackboard, Angel, etc.
 * In a Blog
 * NOTE: Google Docs //does not support// embedding

How can learning be enhanced by the use of embedded content / resources?

 * Embedding available resources - Archives (allows you to incorporate relevant material which has been developed by others and is available for your use)
 * Embedding instructor and/or student created content
 * takes time to develop materials which will be embedded
 * provides a way to incorporate a body of work, such as student projects, etc.
 * Embedding student generated work created with tools such as Jing, Wordle, VoiceThreads, etc.


 * Example of embedded YouTube video** which could be used in conjunction with a lesson on the use of media.

media type="custom" key="5037273"


 * Example of an embedded YoutTube Playlist** - This Playlist is a collection of stories generated in relation to the CTE Digital Storytelling Program.
 * One possible educational use of an embedded playlist** might be a collection of student generated stories as an assignment / contribution to the class.

media type="custom" key="5037203"


 * How to Embed a YouTube Playlist**

media type="custom" key="5037257"

Example of embeded photo slideshow from a Flickr collection
media type="custom" key="5110819"

Example of incorporating a Google map, such as a [|Google street map]
(which might be beneficial in classes such as urban planning, history, geology, others?)
 * Note - this provides access to Google functionality, such as street view & other resources.

media type="custom" key="5110331"

Map of the Battle of Hastings
media type="custom" key="5110913"

Embedding Podcasts
NPR

[|Clinton: Yemen Instability Threatens World]
Secretary of State Hillary Clinton said Monday instability in Yemen is a threat to regional and global security. The U.S. Embassy in the country has been closed for two days, as the Obama administration assesses the threats from an al-Qaida affiliate based in Yemen. media type="custom" key="5111717"

The Internet Archive as a resource

 * Embed audio recordings from the Internet Archives**
 * //(Example of screens used in process - see actual embedded file below these screen captures)//**

1. Locate the material you wish to embed

//2. Find the embed code - See detail of accessing the embed code for an audio file in the Internet Archive://

3. Copy and paste the embed code for the desired source material into your web page

4. Result - Actual embedded file: media type="custom" key="1990520"


 * [|Search AOL Video]** *//Note: links to many other locations such as YouTube, FaceBook, etc., plus channels.//

Link to Maya Angelou videos - use as an example for content which might be used educationally and for demonstrating the process of acquiring the embed code.

//**NOTE the <> symbols below the image. Click <> to copy the embed code. See detail:**//

//**Then paste the code into your WYSWIG editor**//

QUESTION:
Can I embed something that will carry updates to that resource and push them into my web page? In other words, can I embed something like a VoiceThread and see changes to the page, just as I would by going directly to that page? YES! When you embed the resource, it is actually presenting on the page as it does on the original URL. See the example below, which embeds and interactive VoiceThread.

This VoiceThread provides a platform to invite others to share their thoughts and engage in a conversation which includes various media. media type="custom" key="1998624"Also see the same example embedded into my blog at [|exploratorylearner.blogspot.com/2008/09/embedding-test.html]


 * NOTE TO MYSELF - OLD INFO BELOW - COMPARE TO MY GOOGLE DOC AND CAREFULLY EDIT**

Embedding video Embedding podcasts Flash - screencasts - Camtasia output, etc.

Embedding Audio Files http://www.world-voices.com/resources/addaud.html Embedding players and selecting controls


 * What is easy to use and does not require real understanding of html or other code?**

http://www.edvista.com/claire/qt/embedtags/index.html
flickr YouTube Embed inside a blog Embed into a web page What does not allow embedding ( currently Google Docs) Embedding RSS -??????

http://www.htmlcodetutorial.com/embeddedobjects/_EMBED.html
 * Embed HTML code - ususally works, but not supported**

Widgets Beginners Guide: Building / Embedding Widgets Pt 1 http://www.youtube.com/watch?v=a-A-6_OZGKw

Technorati widgets http://technorati.com/widgets/

Embed YouTube Video into PowerPoint ( for presentations which will be connected to the internet) ( author notes works on PC not Mac) http://www.youtube.com/watch?v=4yzUxNbi1h4

Using Blogger.com to embed blog to another site Embedding

=How to embed a blog feed into a post http://blogger-tricks.blogspot.com/2008/02/embed-feed-of-another-blog-into-blog.html=

=How to Embed a YouTube Video on Your Blog= http://www.youtube.com/watch?v=4yzUxNbi1h4 http://google.about.com/od/googleblogging/ss/embedyoutubesbs.htm

=How to Embed Video into Google Earth 4.2 Placemarks= = = http://www.gearthblog.com/blog/archives/2007/08/embed_video_in_googl.html

media type="custom" key="2084075"

Resource:

=Embedding Web2.0 Objects into the Webtycho-classroom = http://deoracle.org/online-pedagogy/emerging-technologies/embedding-web-2-objects-into-the-webtycho-classoroom.html

Test of embedding Jing Screencaptures

media type="custom" key="5110663"

media type="custom" key="5110745"

rss url="http://exploratorylearner.blogspot.com/feeds/posts/default?alt=rss" link="true" number="10"