您现在的位置是:网站首页> 编程资料编程资料

html5音频_动力节点Java学院整理_html5_网页制作_

2021-09-13 1101人已围观

简介 html5 <audio> 是 HTML 5 的新标签,定义声音,比如音乐或其他音频流。下面通过本文给大家分享html音频的基本知识,感兴趣的朋友一起学习吧

html5

HTML 5

HTML5 audio让音乐东山再起

HTML5 运用aduio标签打造音乐播放器

可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。

属性
描述
autoplay
autoplay
如果出现该属性,则音频在就绪后马上播放
controls
controls
如果出现该属性,则向用户显示控件,比如播放按钮。
loop
loop
如果出现该属性,则每当音频结束时重新循环开始播放。
preload
preload
如果出现该属性,则音频在页面加载时进行加载,并预备播放。
如果使用 “autoplay”,则忽略该属性。
src
url
要播放的音频的 URL。也可以使用标签来设置音频。

HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3OGG之类的,每个浏览器支持的格式都是不一样的。

浏览器和音频兼容性

浏览器制造商并非都同意使用某种音频文件格式。对于图像,PNG、JPEG 或 GIF 格式的文件在任何浏览器上都能加载到您的网页里。遗憾的是,音频文件并非如此。表 1 展示了网页中可以使用的音频文件格式,但是并非所有格式都能用于所有浏览器。例如,Chrome、Internet Explorer 9 (IE9) 和 Safari 浏览器不支持 WAV 文件,这是一种使用非压缩格式且正在衰败的标准。

HTML5浏览器和音频格式兼容性

音频格式
Chrome
Firefox
IE9
Opera
Safari
OGG
支持
支持
支持
不支持
不支持
MP3
支持
不支持
支持