HTML 5插入 音频

HTML5 提供了播放音频的标准。

Web 上的音频

直到现在，仍然不存在一项旨在网页上播放音频的标准。

今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流。

音频格式

当前，audio 元素支持三种音频格式：

IE 9

Firefox 3.5

Opera 10.5

Chrome 3.0

Safari 3.0

Ogg Vorbis    √    √    √

MP3    √    √    √

Wav    √    √    √

如何工作

如需在 HTML5 中播放音频，您所有需要的是：

control 属性供添加播放、暂停和音量控件。

与 之间插入的内容是供不支持 audio 元素的浏览器显示的：

实例

Your browser does not support the audio tag.

亲自试一试

上面的例子使用一个 Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。

要确保适用于 Safari 浏览器，音频文件必须是 MP3 或 Wav 类型。

audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式：

实例

Your browser does not support the audio tag.

亲自试一试

Internet Explorer

Internet Explorer 8 不支持 audio 元素。在 IE 9 中，将提供对 audio 元素的支持。

标签的属性

属性

值

描述

autoplay    autoplay    如果出现该属性，则音频在就绪后马上播放。

controls    controls    如果出现该属性，则向用户显示控件，比如播放按钮。

loop    loop    如果出现该属性，则每当音频结束时重新开始播放。

preload    preload

如果出现该属性，则音频在页面加载时进行加载，并预备播放。

如果使用 "autoplay"，则忽略该属性。

src    url    要播放的音频的 URL。

赞 (0)

相关推荐

  • 如何在Word2003.2007.2010 中插入音频的方法

    在Word中插入一段Mp3格式的音频文件，不仅可以让我们在编辑Word文档的时候，可以一边编辑一边欣赏优美的音乐。同时，也可以降低文档的枯燥，让读者边听音乐边阅读，效果更好。在这里，易捷PDF转换成W ...

  • Word插入音频方法 Word2003.2007.2010 如何插入音频

    在Word中插入一段Mp3格式的音频文件，不仅可以让我们在编辑Word文档的时候，可以一边编辑一边欣赏优美的音乐。同时，也可以降低文档的枯燥，让读者边听音乐边阅读，效果更好。在这里，易捷PDF转换成W ...

  • WPS Office中的ppt文档怎么插入音频文件?

    手机WPS Office PPT,我们可以根据需要,插入音频的数据,这样我们的幻灯片就有声音啦,下面小编告诉大家如何操作 1.首先打开手机WPS Office 2.打开PPT 3.点击最下方的“工具” ...

  • 在word中怎么插入音乐?word插入音频方法图解

    在Word中插入一段Mp3格式的音频文件,不仅可以让我们在编辑Word文档的时候,可以一边编辑一边欣赏优美的音乐.那么在word中怎么插入音乐?下面小编就为大家介绍一下,来看看吧! 方法/步骤 双击打 ...

  • WPS文档中怎么插入音频?

    如何在WPS演示中为演示文稿插入音频?PPT在日常的工作和学习中的使用越来越广泛,掌握PPT制作的基本知识,有助于促进工作和学习.当需要为演示文稿插入音频的时候,那么在WPS中,该如何为WPS演示文稿 ...

  • 怎么在电脑版wps的ppt中插入音频

    怎么在电脑版wps的ppt中插入音频

    当我们在wps中制作ppt时,可能会需要插入音频,但有的朋友不懂怎么插入音频,现在我就跟大家分享一下我的制作方法.具体如下:1. 首先,我们在电脑打开待编辑wps的ppt.2.接着,我们在PPT页面新 ...

  • 如何用wps做PPT时插入音频文件

    如何用wps做PPT时插入音频文件

    我们在使用wps演示,制作课件PPT时,如果想要在PPT中插入音频文件该怎么操作呢,下面小编就来介绍一下.具体如下:1. 打开一个空白的wps 演示,将默认的第一张PPT上的[在此输入您的封面.副标题 ...

  • 如何在PPT文档中插入音频并播放？

    如何在PPT文档中插入音频并播放？

    在很多PPT中都会插入一些音频,有用户反映说不知道如何在PPT文档中插入音频并播放,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中需要插入音频的PPT文档,小编以下图所 ...

  • PPT中怎么插入音频文件单击播放

    PPT中怎么插入音频文件单击播放

    PPT是我们常用的学习办公软件之一,有小伙伴不知道怎么插入音频文件,怎么办呢,下面小编介绍一下.具体如下:1. 打开一个PPT2. 点击菜单栏的[插入]后,点击下面的[音频]的下拉小图标后弹出窗口,点 ...

  • 如何用剪映插入音频并添加歌词字幕？

    如何用剪映插入音频并添加歌词字幕？

    剪映是现在很多人都在使用的一款手机视频剪辑软件,功能非常强大并且操作简便,接下来小编就给大家介绍一下如何用剪映插入音频并添加歌词字幕.具体如下:1. 首先第一步打开手机中的[剪映]App.2. 第二步 ...