Home > Mathcasts-Pencasts > How to embed a pencast into a PBWiki page

How to create and share a pencast Viewing your first pencast Examples of embedded pencasts How to embed a pencast in a PBWiki page Credits Embed code for normal width Embed code for double width Next steps

How to create and share a pencast

  See How to create and share a pencast

Viewing your first pencast

First pencast? Intro to Pencasting; Check your Flash Player;

Be sure to watch this first to check your Flash Player Version and learn about pencasts.

From Chuck Duncan

Examples of embedded pencasts

1. From one of Julie McLeod's 6th grade students (See more here)

              

2. Pencasts by 5th Graders   Pencasts by 6th Graders   Pencasts by Teachers

How to embed a pencast in a PBWiki page

1. Find the pencast you want on LiveScribe.

2. Click the "Get a link to this file" button.

3. Select and copy the link to your clipboard.

4. Go to Pencast Embed: Get code to embed a LiveScribe pencast (opens in a new window)

5. Follow the instructions on the page to generate the embed code for a small, medium, or large version of the pencast.

6. Click the PBWiki Insert Plugin - PBWiki Magic - HTML/JavaScript tool.

7. Paste the resulting embed code into the HTML/JavaScript plugin, click Preview, and press OK

Credits

Chuck Duncan of KET started things off by showing how to embed pencasts for AP Physics.

This led Tim Fahlberg to document the embed code.

Jim Dornberg had the great idea of creating a web tool that would take a pencast URL and convert it to embed code.

James Socol wrote the web tool and shared it.

Thanks everyone!

Embed code for normal width

<p>            <object height="316" width="228" align="middle" id="myFlashContent3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">

<param value="http://www.livescribe.com/media/swf/pencastPlayer.swf?path=http://www.livescribe.com/cgi-bin/WebObjects/LDApp.woa/wa/flashXML?xml=0000C0A80116000009C500170000011F8FB898509840072A" name="movie" />

<param value="high" name="quality" />

<param value="true" name="allowfullscreen" /> <object height="316" width="228" align="middle" data="http://www.livescribe.com/media/swf/pencastPlayer.swf?path=http://www.livescribe.com/cgi-bin/WebObjects/LDApp.woa/wa/flashXML?xml=0000C0A80116000009C500170000011F8FB898509840072A" type="application/x-shockwave-flash">

<param value="high" name="quality" />

<param value="true" name="allowfullscreen" /> <a href="http://www.adobe.com/go/getflashplayer"><img alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" /></a></object></object></p>

Embed code for double width

<p>            <object height="632" width="456" align="middle" id="myFlashContent3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">

<param value="http://www.livescribe.com/media/swf/pencastPlayer.swf?path=http://www.livescribe.com/cgi-bin/WebObjects/LDApp.woa/wa/flashXML?xml=0000C0A80116000009C500170000011F8FB898509840072A" name="movie" />

<param value="high" name="quality" />

<param value="true" name="allowfullscreen" /> <object height="632" width="456" align="middle" data="http://www.livescribe.com/media/swf/pencastPlayer.swf?path=http://www.livescribe.com/cgi-bin/WebObjects/LDApp.woa/wa/flashXML?xml=0000C0A80116000009C500170000011F8FB898509840072A" type="application/x-shockwave-flash">

<param value="high" name="quality" />

<param value="true" name="allowfullscreen" /> <a href="http://www.adobe.com/go/getflashplayer"><img alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" /></a></object></object></p>

Next steps

1. Find someone at LiveScribe to share this with.
2. Help convince them of the importance of embeddng pencasts outside of LiveScribe
3. Show them that we figured out how to create the embed code needed to embed pencasts but that it's too complicated and requires too many steps for most people.
4. Ask them to simply provide embed code like YouTube, Screencast.com, and TeacherTube do.
5. Ask other educators to help us get the message to LiveScribe.
6. Ask A+ educational bloggers to help us get the message to LiveScribe.