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?

  • 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 might embedding be used in your educational practice?

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.



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.



How to Embed a YouTube Playlist



Example of embeded photo slideshow from a Flickr collection




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.


View Larger Map

Map of the Battle of Hastings



View Larger Map

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.


Embedding research information


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
embed-internet_archive_matls.png

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

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

4. Result - Actual embedded file:


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.
Maya_Angelou_-_Womens_Movement.png

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

embed_code_example_at_AOL_video.png 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.
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?

Code only if you must:

EMBED Tags for QuickTime on the Web

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


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

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




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





ExploratoryLearner - The Real Deihl