HTML5 Audio标签API整理(三)
一、浏览器支持
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.
注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.
二、HTML5 Audio - 如何工作
如需在 HTML5 中播放音频,你需要使用以下代码:
实例
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
control 属性供添加播放、暂停和音量控件。
在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本 。
<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件
音频格式及浏览器支持
推荐MP3格式
目前, <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>标签API整理(一)
HTML5 <Audio/>标签Api整理(二)
HTML5 WebAudioAPI简介(一)
转载于:https://www.cnblogs.com/tianma3798/p/6573554.html
HTML5 Audio标签API整理(三)相关推荐
- HTML5 Audio/标签Api整理(二)
1.实例2: 相对较完整 Html代码: <style>#volumeSlider .slider-selection {background:#bababa;} </style&g ...
- HTML5 Audio标签API整理(一)
简单实例: <audio id="myAudio"></audio><script>var myAudio = document.getElem ...
- HTML5 Audio标签方法和函数API介绍
问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函 ...
- html怎么获取audio的状态,HTML5 Audio标签方法和函数API介绍
文章目录: audio常用属性 audio音乐格式的支持 audio属性 参数说明 最近在搞audio方面的h5页面,遇到一些坑,希望这篇文章对大家有所帮助. audio常用属性 那么首先来看一下au ...
- HTML5 audio 标签-在html中定义声音的标签
2019独角兽企业重金招聘Python工程师标准>>> 本文来源 169it HTML 5 <audio> 标签定义和用法 <audio> 标签定义声音,比如 ...
- html5 meta标签属性整理
html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
- HTML5 audio 标签 播放事件流程
此代码包括了html5 audio 标签 整个播放流程. 你可以暂停,调整音量,拖动进度条 观察一下 var audio = new Audio(); document.body.appendChi ...
- Javascript控制html5 Audio标签
Javascript控制html5 Audio标签 9 Replies 在上一篇文章:Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了.这里写篇文章 ...
- html5比html4的音频使用方法,HTML5 audio标签的用法示例
您的位置:首页 - 教程 - HTML5 - 正文 HTML5 audio标签的用法示例 标签定义声音,比如音乐或其他音频流.html5 audio可以不用Flash插件就可以听音乐看视频,并不是全部 ...
最新文章
- Js 原型对象与原型链(转)
- 《剑指offer》-- 树的子结构、二叉树的镜像、二叉树的深度、平衡二叉树
- 总是助手服务器失败怎么回事,《遇见逆水寒》连接服务器失败解决方法汇总 服务器连接失败问题原因...
- boost常用库案例
- linux 的内核参数优化,Linux服务器内核参数优化
- {转载}非程序员的GNU Emacs使用心得
- BufferedWriter 和 BufferedReader 的基本用法,附演示程序。以及一个复制文本文件的程序
- 国庆前的最后3场直播活动!!
- [翻译]RoboChamps城市挑战赛
- python导入模块找不到什么原因_python模块以及导入出现ImportError: No module named 'xxx'问题...
- Makefile之 .PHONY 作用
- 36. PHP面向对象
- Clear Type技术
- 《编码的奥秘》读书笔记
- macpro的IDEA常用快捷键~持续更新
- 风云崛起之matlab求解电路状态方程
- Android 7 soter,安卓首发!OPPO Find X全面支持微信人脸支付功能
- 冲击2018年度第一,小米电视靠的是什么
- 推荐系统实践读书笔记-01好的推荐系统
- 如何选择适合你的兴趣爱好(六十三),养鱼