将音乐播放器添加到WordPress网站

考虑向您的网站添加大量音频? 还是只是一首歌曲的剪辑? 使用WordPress时,有数十种不同的方法可将音乐或音频播放器添加到您的网站。

选择最适合您的选择可能很困难。 在本文中,我们将讨论一些解决方案以及一些简短的问题,这些问题将帮助您选择适合自己的方法。

让我们开始吧!

您需要音乐播放器什么?

为了弄清楚要使用哪个音乐播放器,我们首先需要弄清楚将要使用的音乐播放器。 这里有一些不同的考虑事项。

文件支持

您的文件类型如何包含? 将音乐作为MP3播放是很常见的,但是您可能正在寻找具有深奥支持的解决方案。

有关音频文件类型的其他问题:

  • 您需要播放高清文件还是大文件?
  • 您是在播放音频文件中的音乐,还是将音乐嵌入视频文件中?
  • 您需要音频流而不是静态文件的支持吗?
  • 您是否要混合文件类型,例如创建多个文件类型的播放列表?

控件和品牌

音乐播放器的处理方式可能会有很大的不同,而且通常是适合网站设计的播放器与刚投入使用的播放器之间的差异。除此之外,音频播放器的许多更简单(且更便宜)的选择还包括另一家企业的品牌-有时甚至是广告。

以下是一些有助于您确定自己需求的问题:

  • 您要在您的网站上使用其他公司的品牌吗?
  • 您是否正在为用户可用的控件自定义?
  • 是否要显示您无法控制的广告?
  • 您希望音乐播放器看起来如何整合?

表演效果

在为您的站点选择音频播放器时,考虑任何性能影响也很重要。 播放高清文件可能会减慢用户体验,就像从另一台服务器嵌入音乐播放器一样。 拥有自定义或自托管的音频解决方案可以大大提高性能,但不利于构建和维护播放器。

在查看性能时,需要考虑以下几点:

  • 您希望音频多快可用一次?
  • 您有大量文件或大型文件吗?
  • 您对什么技术工作水平感到满意?

成本

选择音乐播放器时要看的最后一个领域是成本。 确实,这有以下三种:

  • 您在寻找免费的解决方案吗?
  • 您会为满足您需求的费用支付一次性费用吗?
  • 您是否对音频播放器足够依赖,可以接受持续的费用?

使用WordPress默认嵌入音频

在WordPress网站上放置音乐播放器的最简单方法是使用CMS的内置嵌入系统。 通过将您要嵌入的音频的链接放置到WordPress编辑器的内容区域中,音频播放器将被自动嵌入。 由于具有默认集成,因此WordPress用户可以免费使用,除非存储音频本身的服务需要相应的费用。

但是,使用此方法有两个重要注意事项。

首先,它目前仅支持约30种服务。 尽管其中包括一些最受欢迎的选项,例如SoundCloud,Spotify和YouTube,但它是有限的。 整个列表可在WordPress Codex的“ 嵌入”页面上找到

其次,此嵌入通常包含来自托管内容的第三方服务的代码。 这可能会增加其他请求并为您的网站加载时间。 在大多数情况下,它并不明显,但是在网站主机速度较慢或文件较大的情况下,这可能是个问题。

第三,附加代码也可能意味着附加内容。 这可能以广告形式出现在您的音频中,从正在使用的服务中打上烙印以及推荐系统,这些系统可能会尝试为用户建议一些超出您控制范围的内容。

从第三方网站嵌入音乐播放器

与WordPress的默认嵌入类似,此方法包括将第三方音频播放器嵌入您的网站。 此处的区别在于,只要您用于托管音频的服务具有可用的嵌入,就可以添加它。 也就是说,如果您愿意复制和粘贴一段代码。

通常,这仅涉及到站点,查找其嵌入或共享区域以及将代码复制到剪贴板。 然后,将代码粘贴到WordPress小部件中,或直接粘贴到页面或帖子的编辑器中。

除了这些要点外,它与使用WordPress默认值大致相同。 这些嵌入程序的使用在很大程度上是免费的,但是冒着速度降低和用户面前不需要的内容的风险。

使用音乐播放器插件

如果您不想处理代码,但想托管自己的文件,则可以找到大量可用于WordPress的音乐播放器插件。

当使用插件作为嵌入第三方音频播放器的工具时,您会遇到相同的好处和缺点。 您现在不必触摸任何代码,但是在页面加载时,您仍然需要注意另一家公司的品牌,可能的内容以及一些对其服务器的调用。

为了处理自托管音乐,这里有很多很棒的插件,例如ZoomSounds 。 这些在您的网站上使用自定义播放器会带来很多困难。 尽管它是一个付费插件,但ZoomSounds为该表带来了很多好处。

ZoomSounds音频播放器插件

第一个好处是您的音频文件可以存储在您自己的服务器上。 这样可以通过减少通话次数来提高网站的速度,但是您需要拥有足够的托管空间。 最重要的是,您将可以更好地控制网站上的音频播放器和用户流量。 例如,您确定媒体播放器的外观和用户看到的内容。

将自托管音乐播放器添加到WordPress

如果您正在寻求完全控制,则可以使用WordPress的开源特性来创建自己的音频播放器。 使用类似Howler.js的库,您可以从头开始构建播放器,并对其进行自定义以使其与您的站点完全匹配,同时处理几乎所有音频文件类型。

通过这种控制,需要付出大量的努力。 您可能需要熟悉JavaScript和CSS(可能还需要一点PHP),或者愿意雇用一名开发人员来创建和维护播放器。

您如何处理网站上的音乐?

有这么多的可用选项,将音乐播放器添加到WordPress网站的最佳方法实际上就是您的需求。 如果您已经有了自己喜欢的音频解决方案,请在下面的评论中告诉我们!

翻译自: https://code.tutsplus.com/articles/adding-a-music-player-to-your-wordpress-site--cms-32645

喜欢音乐的朋友们,一定非常期望有一款专属于自己博客的“个性音乐播放器”吧…… 最近为wordpress音乐插件 Flash Media player 设计了一款黑白主题皮肤,如下图 效果预览 / 下载地址 Flash Media player是一款专门用于Wordpress、bo-blog等主流博客平台的集成flash+xml+js技术的在线音乐播放器插件。 其功能强大且方便: 1、可播放Mp3和Flv文件; 2、可实时显示播放进度和下载进度; 3、可调节音量; 4、可设置“单曲循环”和“所有循环”播放模式; 5、可选择播放列表; 6、用XML文件配置播放文件列表; 安装方法: 1.将下载的压缩包解压缩。 2.用“记事本”编辑播放器首页:Index.html。找到<h1></h1>标签,将里面的大标题和链接都替换掉。 3.编辑曲目表:playlist.xml。格式如下: <track> <title>音乐名</title> <location>音乐的http地址(注意:音乐质量最好控制在3M以内,1是能保证访客的下载速度,2是节约你的空间和流量。如果你直接到“百度”里“扒”MP3地址,另当别论。)</location> </track> 想再添加一首新歌,只需要循环复制以上内容即可。 4.编辑完曲目表,将整个文件夹上传至网站根目录。 5.直接修改你的wordpress模板,在导航条里加入新链接后,上传即可, (例如:起名叫“音乐”,链接地址为:http://www.ueui.com.cn/mp3) 由于考虑到用户体验,我建议将Flash Media player新开一个页面(_blank)。这样做有这么个好处: 不会因为博客中的日志链接频繁跳转,而导致音乐常常被中断播放。(记得我常常浏览某人的blog,其每篇日志的侧边栏都导入同一个音乐插件。结果是,当我每次新开一篇文章时,就会重新听一遍他博客上第一首歌的前奏……当我看完他的所有日志后,甚至连第一首歌后半段是什么都不知道,可这首歌的前奏背的已经滚瓜烂熟……囧rz。据我所知,按这种方式使用音乐插件的人还不在少数,汗!)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值