ItAnswer

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 10532|回复: 0

HTML 5 音频

[复制链接]

44

主题

44

帖子

468

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
468
QQ
发表于 2021-1-5 11:22:06 | 显示全部楼层 |阅读模式
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 中播放音频,您所有需要的是:

  1. <audio src="song.ogg" controls="controls">
  2. </audio>
复制代码

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

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

实例
  1. <audio src="song.ogg" controls="controls">
  2. Your browser does not support the audio tag.
  3. </audio>
复制代码
  1. 上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。

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

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

  4. 实例
复制代码
  1. <audio controls="controls">
  2.   <source src="song.ogg" type="audio/ogg">
  3.   <source src="song.mp3" type="audio/mpeg">
  4. Your browser does not support the audio tag.
  5. </audio>
复制代码
Internet Explorer

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

<audio> 标签的属性
属性
描述
autoplay
autoplay如果出现该属性,则音频在就绪后马上播放。
controls
controls如果出现该属性,则向用户显示控件,比如播放按钮。
loop
loop如果出现该属性,则每当音频结束时重新开始播放。
preload
preload

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

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

src
url要播放的音频的 URL。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ITAnswer ( 陕ICP备14007217号 )

GMT+8, 2024-3-29 02:07 , Processed in 0.098054 second(s), 32 queries .

Powered by ITAnswer! X3.4

Copyright © 2013-2020, Tencent Cloud.

快速回复 返回顶部 返回列表