cmi.suspend_data parsed as an object (all suspend_data must be a JSON.stringify'd object for the suspend_data to work properly with RSP) status of the connection to the SCORM API

The 'sco' prop object contains the following properties: // props.sco Use this to enhance your components with SCORM goodness! All exposed properties and functions are passed to your enhanced component via the 'sco' prop that is added to your component. This Higher-Order Component provides access to a number of properties and functions of the ScormProvider. Import ScormProvider from 'react-scorm-provider' ДЄlthough I can't yet access any props or methods from the ScormProvider (because I haven't yet included 'withScorm()'), a connection to the SCORM API will be made, initial values retrieved from the LMS via that API, and stored in the ScormProvider Component for use with 'withScorm()'.Д¬onst YourEnhancedComponent = withScorm()(YourComponent) Putting it together: // adding a ScormProvider

debug: (Boolean) (Optional) (Default: true) Specify if the SCORM API should be in debug mode and emit messages to the console.

The version found will the be stored to the ScormProvider Component. This is completely optional and probably not needed, as the included pipwerks SCORM API wrapper will automatically attempt to connect to any SCORM API it can find.

version: (String) (Optional) Specify the SCORM API version, accepts '1.2' or '2004'.

The ScormProvider Component accepts two optional configuration props: In order to access properties and methods of the ScormProvider component and make calls to the SCORM API, you must use the provided withScorm Higher-Order Component. Note that the ScormProvider component itself does not pass props to any of its children. Once the ScormProvider Component is included, any other component that is a child of the ScormProvider can access the SCORM-related properties and functions via the withScorm Higher-Order Component described below.

The ScormProvider component automatically establishes a connection to the SCORM API and retrieves some initial data from the LMS via the SCORM API. It should be included as close to the root of your component tree as possible so that child components can take advantage of the withScorm Higher-Order Component. There are two major components of RSP, ScormProvider and withScorm.ДЄ wrapper component which should only be included ONCE in your React application component tree. For SCORM packaging your React app build, check out simple-scorm-packager. It simply enables SCORM API calls inside your React code. Keep in mind that this project does not include any kind of packaging or bundling for SCORM.

RSP in its current form is meant for single SCO packages and relatively simple communications to the LMS, however it can easily be extended and modified to work for more complex projects. Use RSP to easily add SCORM capabilities to your learning modules, resources, games, or any web content you are creating with React. It utilizes the great SCORM API wrapper from pipwerks. DESД®ach type must contain a imsmanifest.xml file within the SCORM course package.ДЇrom a learner's perspective, SCORM files iFramed into Lessonly appear as a modal within the lesson.React-scorm-provider (RSP) is a set of React Components that simplify the inclusion of the SCORM API into your React projects. Lessonly supports the following types of SCORM files:ДЄICC (3.5, HACP version of 4.0). SCORM content does have limited editing features when uploaded into Lessonly, but they are still able to be tagged, assigned an expert, added as optional learning, and assigned out to users.ДЄ limitation of SCORM content is it will not display any question/answer data being answered within the SCORM file.В Content owners are able to view complete/incomplete data but any quiz content needs to be accessed via the SCORM authoring tool.

Download scorm 2004 package