Question

我刚刚开始进行网络开发并拥有这个基本的＆＃39;问题..我为我的兄弟建立了这个网站，我是一名艺术家，我尝试导入＆＃39; Amplitude js＆＃39;进入HTML，所以我可以使用该音频播放器播放他的音乐。我只是希望播放器位于页面的中心，而不是整个页面。

源文件位于https://github.com/521dimensions/amplitudejs

我尝试过使用第3种解释方法，包括

 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@{{3.2.1}}/dist/amplitude.js"></script>

在我的html头部分。什么也没发生。

我只是不明白如何将其实现到我的HTML中，以便显示在页面中。

对于我可能错过的任何想法？

Answer 1

首先，您必须包含资源javascript，例如：

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@{{version-number}}/dist/amplitude.js"></script>

其次，调用Amplitude.init（{options}），如下所示：

Amplitude.init({
    "songs": [
        {
            "name": "Song Name 1",
            "artist": "Artist Name",
            "album": "Album Name",
            "url": "/song/url.mp3",
            "cover_art_url": "/cover/art/url.jpg"
        },
        {
            "name": "Song Name 2",
            "artist": "Artist Name",
            "album": "Album Name",
            "url": "/song/url.mp3",
            "cover_art_url": "/cover/art/url.jpg"
        },
        {
            "name": "Song Name 3",
            "artist": "Artist Name",
            "album": "Album Name",
            "url": "/song/url.mp3",
            "cover_art_url": "/cover/art/url.jpg"
        }
    ]
});

最后，声明幅度html，如下所示：

<span class="button amplitude-play-pause amplitude-paused" amplitude-playlist-main-play-pause="true" amplitude-playlist="{index}"></span> //Play pause button

这是幅度js的基本例子：

https://github.com/521dimensions/amplitudejs/blob/dev/examples/blue-playlist/index.html

Answer 2

这是因为您的HTML的头部未从CDN中获取javascript。

根据文档，您需要输入版本号。

这是正确的例子：

对于最新版本，请勿使用任何数字。

例如：

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs/dist/amplitude.js"></script>

对于任何版本，只需将您的电话号码放在@

之后

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@4.1.0/dist/amplitude.js"></script>

现在，您可以使用脚本在html部分下的任何地方调用js函数，最好在结束正文部分之前调用脚本。

如何在html中导入Amplitude js

2 个答案: