首页 » 博文 » wpbeginner » 最佳插件 » 如何在 WordPress 中添加音频音乐播放器小部件

如何在 WordPress 中添加音频音乐播放器小部件

您想在 WordPress 中添加音频音乐播放器小部件吗?

音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创造更有趣、更有吸引力的体验。

在本文中,我们将向您展示如何在 WordPress 中添加音频音乐播放器。

如何在 WordPress 中添加音频音乐播放器小部件

为什么在 WordPress 中添加音频音乐播放器小部件

音乐播放器可让访问者直接在您的 WordPress 网站上收听音频。

如果您是播客音乐家,那么在您自己的网站上展示音频可以让您的访问者和粉丝随时了解您的作品。

它还可以鼓励人们直接访问您的网站,而不是在其他平台上播放您的音频。一旦这些人访问您的网站,您就可以通过在 WordPress 博客上展示广告或以数字下载形式出售音频文件来赚更多钱。

即使您不创建任何原创音频,嵌入来自 Spotify 等第三方平台的内容也是创建更具吸引力的网站的简单方法。这可以让访问者在您的网站上停留更长时间,并使体验更有趣。

话虽这么说,让我们看看如何在 WordPress 中添加音频音乐播放器。只需使用下面的快速链接即可直接跳至您要使用的方法。

方法 1. 如何使用音频块添加音频音乐播放器小部件(简单)

通过这种方法,您可以使用内置的 WordPress 音频块创建一个简单的音频音乐播放器。您可以使用该块播放任何 .mp3、.m4a、.ogg 或 .wav 文件。

与大多数音频播放器插件相比,音频播放器非常简单。它有一个播放/暂停按钮、音量控制、一个下载按钮和一个改变播放速度的按钮。

使用音频块创建的音乐播放器小部件

如果您想向网站添加一些简短的音频剪辑并且不需要任何高级功能,那么内置音频块是一个不错的选择。

如果您嵌入来自受支持的第三方平台(例如 Spotify 或 SoundCloud)的内容,则音频块将显示该平台的播放控件。它还可能显示平台上的一些额外内容,例如艺术家的姓名和封面图片。

例如,这是一个嵌入了 SoundCloud 内容的音频块。

具有嵌入式 SoundCloud 内容的音频播放器

要将简单的音频音乐播放器添加到您的WordPress 网站,请打开任何页面或帖子。然后,单击 + 图标。

在出现的弹出窗口中,输入“音频”以找到正确的块。然后,您只需单击音频块即可将其添加到您的页面。

内置 WordPress 音频块

此时,您可以添加音频文件或嵌入来自其他平台的音频剪辑。

注意:在大多数情况下,出于多种原因(包括质量优化和节省带宽),我们建议在第三方网站上托管您的音频和视频文件。这就是为什么您永远不应该将视频上传到 WordPress 的原因。

要从计算机添加音频文件,请单击“上传”,然后选择您要使用的文件。另一种选择是单击“媒体库”,然后从 WordPress 媒体库中选择一个文件。

将音频文件上传到您的 WordPress 网站

如果您上传完整的音频,那么您可能希望让访问者可以选择通过向您捐款来支持您作为音乐家或播客的工作。有关分步演练,请参阅我们有关如何在 WordPress 中添加 Stripe 捐赠按钮的指南。

您想嵌入其他平台的音频吗?

这类似于在 WordPress 中嵌入视频的方式,您只需粘贴 YouTube 视频的 URL,WordPress 就会自动嵌入它。

请注意,大多数平台仅嵌入完整音频文件的预览。该阻止甚至可能鼓励人们离开您的网站并访问第三方平台,以便听到完整的音频。

在下图中,音频块正在引导访问者访问 Spotify 网站。

WordPress 中嵌入的 Spotify 播放列表

如果您是音乐家,那么这可能会通过鼓励访问者在其他平台上播放您的内容来增加您的版税。然而,它也可能导致人们离开您的网站并转向其他平台。

要嵌入来自第三方平台的音频,请首先单击“从 URL 插入”。

这将打开一个小的“粘贴或输入 URL”栏。

使用 URL 粘贴音频文件

您现在可以输入要嵌入到WordPress 博客中的音频剪辑的 URL 。

通常,您只需访问要嵌入的歌曲或音频,然后打开其“共享”设置。

之后,您可以复制提供的 URL。

作为示例,让我们看看如何在您的网站上嵌入任何 Spotify 歌曲。首先,找到您想要添加到 WordPress 网站的歌曲或播放列表。

然后,只需单击 Spotify 在播放列表或歌曲旁边显示的三个点即可。

将 Spotify 音频添加到 WordPress 网站

完成后,单击共享»复制歌曲链接。

要将音频添加到音乐播放器小部件,只需将链接粘贴到音频块中即可。

Spotify 的“分享”URL

在我们的 Spotify 示例中,WordPress 会将音频块转换为 Spotify 块。此更改会自动发生,因此您无需担心。

WordPress Spotify 区块

添加音频文件后,您可以单击音频块以查看可以为该块配置哪些设置。

您看到的设置可能会有所不同,具体取决于您是否上传了音频文件或嵌入了来自第三方网站的预览。例如,您通常可以通过单击“自动播放”开关将音频设置为自动播放。

WordPress 自动播放和循环设置

大多数设置都是不言自明的,因此最好花一些时间尝试不同的设置,看看哪种设置最适合您的网站。

当您对阻止的设置方式感到满意时,您可以更新或发布页面。

现在,如果您访问网站上的页面,您将看到实时音频音乐播放器。您还可以使用块的播放控制按钮收听音频。

方法 2. 如何使用插件添加音频音乐播放器小部件(更可定制)

内置的 WordPress 音频块是创建简单音频播放器的快速简便的方法。然而,它确实有其局限性,特别是在定制播放器和播放体验方面。

也没有可以管理音频播放器的中心位置。这意味着您不能在网站上多次使用同一个播放器。

如果您确实需要更高级的功能和可重复使用的音频播放器,那么我们推荐Html5 音频播放器。该插件可以播放任何 mp3、.wav 或 .ogg 文件。

该插件只能为每个播放器播放一个音频文件。但是,您可以根据需要创建任意数量的音频播放器,这样您仍然可以在站点上播放许多不同的曲目。

您甚至可以将多个音频播放器添加到同一页面。

单个页面上有多个音频播放器

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,您就可以通过转到Html5 Audio Player » Html5 Audio Player来构建您的第一个音频播放器。

在这里,继续并单击“添加音频播放器”按钮。

将音频播放器添加到您的 WordPress 网站

首先,在显示“添加标题”的字段中输入音频播放器的名称。

这仅供您参考,因此您可以使用任何您想要的标题。

使用插件创建音频播放器小部件

完成此操作后,滚动到“播放器配置”部分。

在这里,您可以通过单击“添加音频”按钮将音频文件添加到播放器。

将音频文件添加到 HTML5 播放器

您现在可以从媒体库中选择任何音频文件或从计算机上传文件。

选择文件后,您就可以自定义音频播放器了。默认情况下,访问者只需单击“播放”按钮,音频就会开始播放,并且音量已调高。

这是大多数访问者期望音频播放器的行为方式,因此您通常希望使用这些默认设置。

还有默认静音、自动播放、重复播放等选项。

一旦您对播放器的设置感到满意,只需滚动到屏幕顶部并单击“保存”按钮即可。

向您的 WordPress 网站添加新的音频播放器

然后,您可以使用短代码或 HTML5 音频播放器块将音频播放器添加到您的网站。

块是最简单的方法。但是,如果您确实想使用短代码放置播放器,那么您会在屏幕顶部找到代码。

使用简码放置音频播放器小部件

有关如何放置短代码的更多详细信息,您可以参阅我们有关如何在 WordPress 中添加短代码的指南。

要使用块添加音频音乐播放器,请打开任何页面或帖子。您现在可以单击+按钮。

在出现的弹出窗口中,输入“HTML5 音频播放器”以找到正确的块。单击“HTML5 音频播放器 – 插入”块后,它将将该块添加到您的页面。

将音频播放器块添加到您的 WordPress 网站

接下来,打开显示“选择播放器”的下拉列表,查看您创建的所有音频播放器的列表。

您现在可以单击音频播放器将其添加到页面或帖子中。

HTML5 WordPress 音频块

WordPress 页面编辑器不显示音频播放器。

但是,如果您单击“预览”按钮,您将能够看到该播放器对于访问您网站的人来说是什么样子。您甚至可以收听音频并测试不同的播放按钮。

预览音频音乐小部件

当您对音频播放器的外观和功能感到满意时,您可以更新或发布页面。

现在,如果您访问 WordPress 网站上的此页面,您将看到实时音频播放器。

您想将其他音轨添加到您的网站吗?然后您可以简单地按照上述过程创建更多音频播放器并将它们添加到您的 WordPress 网站。

我们希望本文能帮助您了解如何在 WordPress 中添加音频播放器小部件。您还可以阅读我们关于最佳网络推送通知软件以及如何创建电子邮件通讯的指南。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top