余姚做网站:使用和自定义WordPress音频播放器-极简慕枫网络公司

余姚做网站:使用和自定义WordPress音频播放器

余姚网站建设 | 2019-04-02

余姚做网站在HTML 5出现之前,还没有在网页上播放音频文件的标准。大多数解决方案都是基于FLASH的播放器,只有在系统上安装了闪存插件时才会呈现。正是这个问题导致了在任何网络浏览器中开发一个新的媒体标准。

在这个时候,大多数移动设备或平板电脑只是选择不支持闪存。随着这一新标准的建立,开发人员正在使用新的HTML 5约定来实现媒体,如音频或视频。

WordPress已经让你的博客导入音频变得轻而易举了。本文将教您更多关于音频支持以及如何使用和自定义WordPress音频播放器。

浏览器支持

在撰写本文时,有许多浏览器支持新的audioHTML元素下面是浏览器的列表。

基本HTML标记

audio元素具有一个简单的结构,它链接到网站上的文件,类似于链接到图像的方式。区别和关键是要记住,不同的浏览器需要不同的音频格式。有些浏览器支持多种类型的音频文件。

下面是标记的外观:

<audio controls>
    <source src="audiofile.ogg" type="audio/ogg">
    <source src="audiofile.mp3" type="audio/mpeg">
    Your browser does not support the audio element
</audio>

这篇文章并不是为了解释上面看到的HTML,但我将简要地给您介绍一下正在发生的事情的一些背景情况。

这,这个,那,那个audio元素定义声音内容,该元素使用controls选择。默认情况下,这将显示媒体播放器的控件。这给您的用户提供了控制暂停或播放文件以及调整其他属性(如卷)。

那个元素是指向要显示的实际媒体文件的链接。你会注意到有两个元素。为了提供对所有主要的现代浏览器的支持,这些都是必需的。在这里,我们链接了oggmp3,您可以链接到的另一种类型是wav.

WordPress支持

这,这个,那,那个音频WordPress中的功能允许您嵌入音频文件并播放它们。这是在WordPress版本3。6中添加的。

WordPress将这个特性作为一个短代码,它利用了我前面解释的标记。这些短代码将链接到特定的媒体文件,并输出HTML,就像我前面写的那样。

默认的短代码如下所示:

[audio]

要链接到您的文件,可以在短代码中声明文件的来源,如下所示:

[audio src="audio.mp3"]

您也可以简单地包括一个链接到音频文件,如下面和WordPress将它呈现为音频,并显示一个播放器。

This is my latest song

http://mywebsite/media/songs/sweetsong(.audioextension)

Some more content

为了确保您的音频在所有浏览器中播放,您需要引用相同文件的其他类型的音频,如下所示:

[audio mp3="audio.mp3" ogg="audio.mp3" wav="audio.wav"]

注意src""属性被删除,并添加了新属性。在这种情况下mp3=" "ogg=" "wav=" ".

播放选项。

那个audio短代码允许一些播放选项。

SRC [audio src=" "]

这,这个,那,那个src是一个可选字段,但使用它是明智的,特别是在您有多个浏览器支持的情况下。如果某个浏览器不能呈现特定的音频类型,则可以定义以下类型以允许优雅的回退。

环路

自动循环文件回放的选项存在。默认情况下,此选项将被关闭。就个人而言,如果你循环音频播放,我认为你只会惹恼你的用户,所以最好避免这一切在一起。

[audio loop="on"]

[audio loop="off"]

自动播放

在非常罕见的情况下,您可能希望在用户访问特定页面时自动播放音频。默认情况下,此选项将被关闭。

[audio autoplay="on"]

[audio autoplay="off"]

预压

在某些情况下,您可能需要预加载音频。如果您选择这样做,可以使用以下几个选项:

将音频添加到邮政

的背景是audio在WordPress中实现您的音频文件的短代码处理,您现在可以创建一个新的帖子。

添加一个新帖子的过程与WordPress中一直存在的相同。如果您计划添加音频,您可以将其添加到媒体库中,就像添加图像一样。

您可能注意到的一件事是一个新的菜单来选择实现音频的方式。在添加音频文件时,我在这里选择了默认值。

插入音频。注意右下角的新选择元素。

一旦你插入音频,你可以创建和微调你的博客文章。在我们的帖子中,我们添加了如下所示的音频:

添加一个新的音频帖子

然后,当发布时,看起来像这样,内置的用户界面、HTML 5代码和您的浏览器创建。

余姚做网站

文章发表了。音频显示具有默认设置。

结语

音频元素是为博客文章添加多样性的好方法。一个更常见的技术和向上和未来的趋势是博客的功能播客。播客可以上传到您的网站,包括轻松。新HTML 5audio与WordPress相结合的元素使音频的创作和共享变得比以往任何时候都更容易,因为它为用户提供了快速访问动态和更有吸引力的内容的机会。


上一篇:余姚企业网站开发:将本地WordPress安装迁移到活动Web服务器下一篇:余姚高端网站设计公司:WordPress Web设计客户端的不同类型及其管理