使用H5P -独立插件放置H5P文件的位置

Question

我正在尝试使用- https://github.com/tunapanda/h5p-standalone插件运行xyz.h5p文件。我创建了一个“工作空间”目录，并将测试文件放在其中，然后尝试使用包中提供的“.h5p /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文件。

独立文件只是ZIP文件，H5P - H5P期望H5P文件的/archive内容位于工作区文件夹中，而不是H5P文件本身。

您必须首先将H5P文件解压缩到工作区文件夹中。然后，内容应该类似于满足H5P file specification的test workspace in the repository中的内容。