Javascript 如何在香草果冻页面上使用Podlove客户端?

Javascript 如何在香草果冻页面上使用Podlove客户端?,javascript,jekyll,Javascript,Jekyll,在上的Podlove(JavaScript播客播放器)文档之后,我尝试在一个全新的Jekyll页面上使用Podlove播放器: jekyll new my-awesome-site cd my-awesome-site mkdir -p assets/podcasts cp /tmp/audio-file.mp3 assets/podcasts/audio-file.mp3 rm index.md 我创建了这个index.html文件: --- layout: home --- <h1

在上的Podlove(JavaScript播客播放器)文档之后,我尝试在一个全新的Jekyll页面上使用Podlove播放器:

jekyll new my-awesome-site
cd my-awesome-site
mkdir -p assets/podcasts
cp /tmp/audio-file.mp3 assets/podcasts/audio-file.mp3
rm index.md
我创建了这个
index.html
文件:

---
layout: home
---

<h1>Podlove Test</h1>

<script src="https://cdn.podlove.org/web-player/embed.js"></script>

<script>
  podlovePlayer('#example', '/assets/podcasts/audio-file.mp3');
</script>
---
布局:首页
---
波德洛夫试验
podlovePlayer(“#示例”,“资产/播客/音频文件.mp3”);
使用
bundle exec Jekyll service启动Jekyll并浏览URL

结果是:

JavaScript控制台显示以下错误消息:

我遵循文档,但缺少一些内容

我该怎么做才能让一个像这样的球员出现在屏幕上


这里记录了Web播放器的常规嵌入:

在当前实现中,html中不包括dom引用。此外,播放机仅接受当前正在传入的普通音频文件引用

<div id="example"></div>

<script src="embed.js"></script>
<script>
  podlovePlayer('#example', './fixtures/example.json');
</script>

podlovePlayer(“#example',”./fixtures/example.json”);