html设置音频,HTML音频

HTML Audio

The HTML element is used to

play an audio file on a web page.

The HTML Element

To play an audio file in HTML, use the element:

Example

Your browser does not support the audio element.

来试试吧 »

HTML音频 - How It Works

The controls attribute adds audio controls, like play, pause, and volume.

The element allows you to specify alternative audio

files which the browser may choose from. The browser will use the first recognized format.

The text between the and tags will only be displayed

in browsers that do not

support the element.

HTML Autoplay

To start an audio file automatically, use the autoplay attribute:

Example

Your browser does not support the audio element.

来试试吧 »

Note: Chromium browsers do not

allow autoplay in most cases. However, muted autoplay is always allowed.

Add muted after autoplay to let your audio file start playing automatically (but muted):

Example

Your browser does not support the audio element.

来试试吧 »

Browser Support

The numbers in the table specify the first browser version that fully supports the

element.

Element

4.0

9.0

3.5

4.0

10.5

HTML音频 Formats

There are three supported audio formats: MP3, WAV, and OGG. The browser support for the different formats is:

Browser

MP3

WAV

OGG

Edge/IE

YES

YES*

YES*

Chrome

YES

YES

YES

Firefox

YES

YES

YES

Safari

YES

YES

NO

Opera

YES

YES

YES

*From Edge 79

HTML音频 - Media Types

File Format

Media Type

MP3

audio/mpeg

OGG

audio/ogg

WAV

audio/wav

HTML音频 - Methods, Properties, and Events

The HTML DOM defines methods, properties, and events for the element.

This allows you to load, play, and pause audios, as well as set duration and volume.

There are also DOM events that can notify you when an audio begins to play, is paused, etc.

For a full DOM reference, go to our HTML音频/Video DOM 参考.

HTML音频 Tags

Tag

Description

Defines sound content

Defines multiple media resources for media elements, such as and

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值