在哪里放置H5P文件使用H5P -独立插件

Question

我正在尝试运行xyz。H5p文件使用- https://github.com/tunapanda/h5p-standalone插件。我创建了一个"工作空间"目录，并将。h5p文件放在其中，并尝试使用包中提供的"test/simple.html"文件运行，并修改了示例文件中的路径，如-

<script type="text/javascript">
const {
H5P
} = H5PStandalone;
new H5P(document.getElementById('h5p-container'), '../workspace/xyz.h5p', {
frameJs: '../dist/frame.bundle.js',
frameCss: '../dist/styles/h5p.css'
});
</script>

谁能告诉我，我做错了什么?

Answer 1

您似乎在您指定的工作区文件夹中提供了一个H5P文件。

H5P文件只是ZIP文件，并且H5P -standalone期望在工作区文件夹内的H5P文件的/存档内容，而不是H5P文件本身。

您必须首先将H5P文件解压缩到工作区文件夹中。然后，内容应该与满足H5P文件规范的H5P独立存储库中的测试工作区中的内容相似。