如何使用免费插件将音频播放器添加到您的WordPress网站

您可能要出于多种原因在您的网站上集成一个音频播放器,该播放器可以为访问者播放不同的音频格式-当然,如果要构建音乐网站,这是必须满足的要求。 另外,我确定您会选择一款易于使用且轻巧的音频播放器来为您完成工作。

您已经知道WordPress为人们可能想到的几乎所有功能都提供了许多插件,并且很难选择要使用的插件。 当为您的WordPress网站选择合适的音频播放器时,您会在WordPress插件存储库中找到很多选择。 在其中,我选择了最好的之一: HTML5 Audio Player

HTML5音频播放器插件可让您在集成一个简单易用的音频播放器时播放不同类型的音频文件。 在不同类型的音频格式中,它开箱即用地支持.mp3.ogg.wav 使用一些有用的自定义选项,您将能够创建满足您需求的播放器。

在本文中,我使用了WordPress 5.2.1,HTML Audio Player插件版本为1.1。 我建议您安装它,如果您想跟随这篇文章。 要安装HTML Audio Player插件,您需要遵循WordPress中的标准插件安装过程

在接下来的部分中,我们将探讨HTML Audio Player插件的基本设置以及设置过程。 此外,我们还将展示如何在您的站点上集成音频播放器以进行演示。 最后,我们将介绍该插件的一些重要方面,使您可以自定义播放器设置。

为什么要使用HTML5音频播放器插件?

HTML5音频播放器插件可让您将简单,易于使用的音频播放器与WordPress网站集成在一起。 它与所有设备兼容,并且允许您将音频播放器放置在站点上几乎任何位置,无论是在帖子,页面还是小部件中。

此外,它提供了许多自定义选项,使您可以更改音频播放器控件以及播放器的外观。

让我们快速看一下它提供的重要功能:

  • 与台式机,移动设备和平板电脑设备兼容
  • 能够配置按钮
  • 简码支持
  • 在线播放器支持
  • 适用于所有主流浏览器
  • 和更多

如您所见,此插件提供了许多有用的功能,可在将音频播放器嵌入WordPress网站时使用。

在下一节中,我们将讨论几个配置屏幕,这些屏幕对于理解是否要有效使用此插件很重要。

探索插件设置

安装HTML5音频播放器插件后,它将在您网站的管理菜单中添加一个链接。 在本节中,我们将遍历音频播放器管理员的每个选项卡。

HTML5音频播放器

此页面列出了迄今为止在您的应用程序中创建的所有音频播放器。 标题日期字段外,它还显示简码字段,您可以在页面,帖子或窗口小部件中使用该字段来嵌入此播放器。

除此之外,您可以使用“ 添加音频播放器”链接来创建新的播放器。 创建新播放器时,您将能够配置特定于播放器的设置。 在下一部分中,我们将回到此位置,在此我们将创建一个音频播放器以进行演示。

添加音频播放器

这是一个快捷方式,可让您直接创建新的音频播放器。 否则,您将必须转到音频播放器列表页面以创建新的音频播放器。

在下一节中,我们将探讨如何为您的站点实际创建音频播放器。

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

在本节中,我将演示如何使用此插件将音频播放器嵌入WordPress网站。 我们将只添加一个播放器,但是您可以嵌入多个音频播放器,每个播放器具有不同的设置。

在继续之前,请确保您已继续在WordPress网站中安装了HTML5音频播放器插件。

继续并访问admin部分左侧栏中的HTML5音频播放器 > 添加音频播放器链接,它应该显示以下用户界面来添加新的音频播放器。

如何使用免费插件将音频播放器添加到您的WordPress网站

标题字段中输入音频播放器的标题

接下来,存在“上载音频”字段,可让您上载新的音频或从服务器上已可用的音频文件中进行选择。 请注意,目前它支持.mp3.ogg.wav音频格式。 因此,选择加载后将在音频播放器中播放的音频文件。

更进一步,“ 重复”字段使您可以选择在完成音频后是否重复音频。 您可以从以下两个选项中进行选择: 重复一次重复一次 根据您的要求选择适当的选项。

接下来,有一个Muted(静音)字段,可让您静音音频输出。 另一方面,“ 自动播放”选项允许您在音频加载并准备就绪后立即播放。

最后,“ 播放器宽度”选项允许您指定音频播放器的宽度。 请注意,如果要使音频播放器响应,则必须选择“ 无” 我更喜欢此选项,而不是指定固定宽度,因为如果您指定固定宽度,则可能会干扰音频播放器在移动设备上的布局。

输入必要的详细信息后,单击“ 保存”按钮创建一个播放器。 如前所述,您现在可以从音频播放器列表页面复制播放器的简码。

如何使用免费插件将音频播放器添加到您的WordPress网站

如您在上面的列表页面中所见,您的播放器的简码已经可以使用。 复制该简码并将其添加到要显示此音频播放器的页面中。 我创建了一个示例页面,在其中添加了音频播放器的简码。 当然,您也可以在帖子或小部件中使用此代码。

让我们前往前端看看它的外观:

如何使用免费插件将音频播放器添加到您的WordPress网站

如您所见,它显示了一个有吸引力的音频播放器,可以用来开始播放音频文件。 继续尝试不同的选择,如果您有任何疑问,请告诉我。

这样便可以使用此免费插件在您的网站上嵌入音频播放器!

下一步:一些高级音频播放器

今天,我们讨论了如何使用免费插件将音频播放器集成到WordPress网站上。 但是,如果您需要对音频播放器UI进行大量控制,或者需要更多文件格式或播放选项,则需要升级到高级音频播放器。

结论

欢迎使用下面的供稿来分享您的想法和反馈!

另外,如果您想使用自定义插件,但又不太愿意与服务器打交道,而更愿意让某人为您完成这一切,请考虑使用托管WordPress托管。 感谢Envato与SiteGround的合作关系,您可以获得高达60%的托管WordPress托管折扣

翻译自: https://code.tutsplus.com/tutorials/how-to-add-an-audio-player-to-your-wordpress-site-with-a-free-plugin--cms-33409