将 SCORM 嵌入到现有的 React 项目中

Question

我想问一些关于SCORM的事情。所以，我有这个 SCORM 项目：

https://github.com/potamir/scorm-lesson-1
我想将这个 SCORM 嵌入到我现有的 React 项目中，但我找不到任何正确的方法，我已经尝试了互联网上的几个教程，但格式不是这样的。我也尝试将它上传到服务器和 iframe，但我得到了这个错误：

我是 SCROM 的新手，我不知道如何做出反应。如果有人有任何推荐的教程，或者您可以告诉我正确的方法是什么，那将会有所帮助。谢谢！

Answer 1

我会看看 adlnet.gov——创建 scorm 的组织，以及 scorm.com——在 scorm 方面拥有丰富经验的公司之一。 scorm.com 有一些示例 scorm 内容，我以前用过 - https://scorm.com/scorm-explained/technical-scorm/golf-examples/

简单来说，scorm有两个部分，content和content player。内容通过内容播放器嵌入显示内容页面的 DOM 中的 API 报告学习者和课程状态。该 api 需要附加到窗口并命名 API。当内容想要连接和使用 api 时，内容将通过父级（如果内容在子窗口中启动）查找 window.API 来查找。

你的错误看起来像是在说内容找不到 api。我可以看到 scorm-adapter.js 文件将 API 附加到窗口。我建议确保内容位于该 dom 层次结构中。内容应该是寻找 window.API，或者循环父母做类似 win = window.parent; 的事情。 win.API 直到它找到 api 或放弃。你可以在这个 scormwrapper 中看到这个过程 - https://github.com/pipwerks/scorm-api-wrapper/blob/master/src/JavaScript/SCORM_API_wrapper.js#L102

Answer 2

您可以利用维基上的一些信息 https://github.com/cybercussion/SCOBot/wiki/Using-SCOBot-with-AngularJS-and-Angular-2.

如果你不想使用库，还有一些评论，如果你正在做基本分数/状态，则手动滚动它。为了更强大的交互/目标工作，我会使用一个库。