美文网首页
HTML5 Audio音频

HTML5 Audio音频

作者: 龍飝 | 来源:发表于2018-03-21 14:10 被阅读21次

同Video标签一样,HTML5规定了在网页上嵌入音频元素的标准,即使用<audio>元素

例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>
control属性供添加播放、暂停和音量控制
在<audio>元素允许使用多个<source>元素,<source>元素可以联机不同的音频文件,浏览器使用第一个支持的音频文件使用

音频格式以及浏览器支持
目前,<audio>元素支持是那种音频格式文件,MP3,Wav和Ogg

浏览器 MP3 Wav Ogg
Internet Explorer 9+ YES NO NO
Chrome 6+ YES YES YES
Firefox 3.6+ YES YES YES
Safari 5+ YES YES NO
Opera 10+ YES YES YES

音频格式的MIME类型
Format MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML5 Audio标签
<audio> 定义声音内容
<source>规定了多媒体资源,可以是多个,在<video>与<audio>标签中使用

相关文章

  • audio 与 video

    HTML5增加了audio(音频)和video(视频)两个标签,不用再像以前那样使用插件去播放音频和视频audio...

  • 关于audio

    Audio 标签用于定义声音,比如音乐或其他音频流,HTML5 的 Audio 标签在很大程度上取代了 Flash...

  • HTML5 Audio音频

    同Video标签一样,HTML5规定了在网页上嵌入音频元素的标准,即使用 元素 例子...

  • HTML5 Audio(音频)

    很多站点都会使用到视频. HTML5 提供了展示视频的标准。 检测您的浏览器是否支持 HTML5 视频: 检测 互...

  • HTML5音乐播放

    audio是HTML5引进的新元素。在文档中表示音频内容,此便签的引入使得网页播放音乐变得简单。 audio使用起...

  • HTML入门四之多媒体

    音频(audio )、视频(video )、embed:所有主流浏览器都支持 元素 是HTML5标签 在HTM...

  • 手把手教你用Js实现音频可视化

    HTML5中提供了Web Audio API,开发者可以通过这个API为音频添加特效,实现音频可视化效果。下面我们...

  • H5视频播放

    html5新增了音频/视频(audio/video)的API。这次我们先来了解video。video 元素支持三种...

  • 利用JavaScript实现同时在头部放两个视频

    思路分析 1,利用html5中出现的ended事件(ended 事件在音频/视频(audio/video)播放完成...

  • Wavesurfer.js的使用教程

    前言: Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件,本文主要...

网友评论

      本文标题:HTML5 Audio音频

      本文链接:https://www.haomeiwen.com/subject/pjkgqftx.html