Embed a Conversation within a SCORM package

Modified on Tue, 3 Feb at 8:11 PM

Configure your SCORM Package to send learner completion data to the host LMS

Before you start

Note: This article requires moderate technology skills (editing code)
You must first create a conversation, then publish it, and copy the Embed Code

Use the example SCORM Package

Great for testing, or where a single Conversation is being added to your LMS as a standalone course

Download Example_SCORM_Package.zip (download at bottom of page)
1. Edit index.html
2. Replace the iframe src property with the iframe src property from your embed code
3. Save index.html
Rezip the contents into your named SCORM package file
Upload to your SCORM-compliant LMS

Bring your own SCORM Package

Great for adding a single Conversation to an existing SCORM Package

Add post-message.js to your SCORM package (download at bottom of page)

Edit index.html

Add the following within the <head> element

<script src="post-message.js"></script>
<script defer>
  function markCompleted() {
    if (API) {
      var result = API.LMSSetValue("cmi.core.lesson_status", "completed");
      if (result === "true") {
        API.LMSCommit("");
      } else {
        alert("Error marking course as completed.");
      }
    }
  }
  onCompleted(markCompleted);
</script>

The markedCompleted() function can be modified/extended as required
Add your Conversation's embed code within the <body> element
Tip: Consider changing the width and height to 100%
Save index.html

Package using your existing SCORM Packaging workflow
Upload to your SCORM-compliant LMS

Attachments (2)

zip

Example_SCORM_Package.zip
11.9 KB

post-message.js
639 Bytes