Using MediaSpace Videos

Embedding MediaSpace Videos

2017-01-04_2211

A Screenshot of a MediaSpace Video Linked to LodeStar ActivityMaker

Kaltura MediaSpace is a wonderful video portal, but linking to MediaSpace videos from LodeStar can be a little tricky.

The simplest — but not the most effective — way is to take the embed code that MediaSpace offers and paste it into LodeStar using the following tool in the LodeStar’s HTML editor.

2017-01-04_2118

This tool, located on the toolbar of the LodeStar HTML editor allows you to paste in an embed code that displays the video on the page.

The downside to this simple approach is that the video will not pause when the student turns the page.

The better approach requires a few steps. You’ll pull out your hair the first time, and find it second nature the second time.

Linking LodeStar’s Video Player with MediaSpace videos

The following steps apply only to mp4 files, which (at the time of this writing) is the only truly cross-browser video format.

Steps:

  1. Launch MediaSpace, and locate your video file.
  2. In MediaSpace, select ‘Publish’ from the Actions drop down menu. Publish your video or make it Unlisted.
  3. At the bottom of your screen, click on the ‘Share’ button and  display the embed code.

Here is a snippet from an example:

<iframe id=”kaltura_player” src=”https://cdnapisec.kaltura.com/p/812561/sp/81256100/embedIframeJs/uiconf_id/33140371/partner_id/812561?iframeembed=true&playerId=kaltura_player&entry_id=0_ugv87vgr&flashvars[mediaProtocol]=rtmp&….

Notice that two codes are bolded and underlined.  They represent the two pieces of information that you need:  the partner ID, and the entry ID.

2. Launch Kaltura’s kWidget from the link below.

http://player.kaltura.com/kWidget/tests/kWidget.getSources.html

You will see the following widget at the bottom of the page:

2017-01-04_2133

3.  Enter the partner ID from the embed code in the partner id field and enter in the entry ID in the entry ID field.  Click on get sources.

4. You will see the following heading, followed by video sources, the true addresses of the videos.

2017-01-04_2136

Notice the second source with the video src that ends with a.mp4

You’ll want to copy the  address into your clipboard beginning with http:// and ending with .mp4

5. Open your LodeStar ActivityMaker, ActivityMaker Mobile,  or ARMaker project or any template that is derived from ActivityMaker like PBLMaker or WebQuestMaker.

6. Add a Video Page (not Video Scenario).

7. Paste in the video source (src) in the top field, as pictured below

2017-01-04_2156

8. Preview your project to ensure that the video is properly linked.

Advertisements

Inserting a YouTube Video

  1. Launch LodeStar and choose a project based on the ActivityMaker template.
  2. Add a new page to your project.
  3. Select the page type ‘Video’  (not Video Scenario).
  4. Copy the URL (the address) from YouTube.  Notice the screen shot below.  Copy the address that is highlighted with blue.
  5. Paste the address into the first field (box) on the LodeStar Video Page.  Ignore everything else.
  6. Click Preview.  Your video wont show in the preview.  Now jump out to the Firefox browser.  Because you clicked on the LodeStar Preview button, the address of your project was saved to the clipboard.  Now paste it in the Firefox address field.  You should now see your project and be able to view your video, provided that YouTube hasn’t blocked it.

Please note:  You will need to manually pause your video, but once you publish your project to a learning management system, LodeStar will automatically pause the video when the student turns the page.

2016-03-25_1201.png