moloko
commented
1 month ago Are you running this in a local development environment/web server? If so, everything you are seeing above is as-expected.
The pipwerks code is trying to find and connect to the API that a SCORM Learning Management System makes available to a SCORM course when it is launched - so if you're not running this from a SCORM LMS there will be no API for the pipwerks wrapper to connect to.
In order for it to work properly you'll need to run it from an LMS such as SCORM Cloud or something that mimics the behaviour of an LMS. There's a good guide to testing SCORM content by @pipwerks here
ayubkidvento
pipwerks
Hello, I've got a scorm(scorm 1.2) that needs to be integrated with React app. I'm using pipwerks-scorm-api-wrapper to implement resume functionality in the scorm. As per the documentation, I've created a separate component. `import { useEffect } from "react"; import pipwerks from "pipwerks-scorm-api-wrapper";
const CourseComponent = () => { var scorm = pipwerks.SCORM;
useEffect(() => { scorm.version = "1.2"; scorm.init(); const suspendData = scorm.get("cmi.suspend_data"); const lessonLocation = scorm.get("cmi.core.lesson_location"); console.log(suspendData, lessonLocation); return () => { scorm.save(); scorm.quit(); }; }, []);
const saveProgress = (pageNumber, progressData) => { // Save the learner's progress in suspend_data scorm.set("cmi.suspend_data", JSON.stringify(progressData)); scorm.set("cmi.core.lesson_location", pageNumber); // Commit to ensure data is saved in LMS scorm.save(); };
return (
Course Content
); };
export default CourseComponent;`
When I render this component, I get the following in the console:
When I try to save the progress, I get the following:
Any sort of help would be highly appreciated. Thank you