Javascript 如何在香草果冻页面上使用Podlove客户端?
在上的Podlove(JavaScript播客播放器)文档之后,我尝试在一个全新的Jekyll页面上使用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
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”);