简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > H5教程 > 正文

小强的HTML5移动开发之路（15）——HTML5中的音频

黄舟
发布： 2017-01-22 11:43:59
原创
1445 人浏览过

浏览器虽然发展很快，但是浏览器中的标准还是不完善，在HTML4+CSS2+JS的前段开发中让很多程序员头疼的就是浏览器的兼容性问题，音频播放也一样，直到现在，仍然不存在一项网页上播放视频和音频的标准。现在，在大多数浏览器中，音频是通过插件（比如:flash插件）来播放的。然而，不是所有浏览器都具有这样的插件，所以对音频的播放造成了一定的麻烦。在HTML5的新标准中规定了一种通过audio元素来包含音频的标准方法，下面我们就来详细的了解一下该标签。

一、对音频格式的支持

目前，audio元素支持三种音频格式

725.png

二、如何使用

<!DOCTYPE html>   
<html>   
    <body>   
        <audio src="http://www2.shengda.edu.cn/ytw/gbzx/photo/bgmusic.mp3" controls="controls">  
        您的浏览器不支持该HTML5标签  
        </audio>  
    </body>   
</html>
登录后复制

726.jpg

control属性显示控制台

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

要运行其他浏览器也支持就要使用如下方式

<audio controls="controls">  
  <source src="song.ogg" type="audio/ogg">  
  <source src="song.mp3" type="audio/mpeg">  
Your browser does not support the audio tag.  
</audio>
登录后复制

三、audio标签的属性

727.png

以上就是 小强的HTML5移动开发之路（15）——HTML5中的音频的内容，更多相关内容请关注PHP中文网（www.php.cn）！

相关标签：
HTML5，移动开发，音频
来源：php.cn
上一篇：HTML5之Video标签详解 下一篇： 小强的HTML5移动开发之路（16）——神奇的拖放功能
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
选择事件改变时，CSS动画触发相应效果 我正在尝试制作一个React应用程序，现在我有一个选择输入框，里面有一些宝可梦，我需要做的是每当选择改变（即宝可梦改变）时，宝可梦精灵会进行一个小的摇晃动画。目前我只有一个改变的精...
来自于 2024-04-01 09:16:28
0
1
350
简化电子邮件中的视频播放：确保即时播放，无需下载屏幕 我不确定这里“应该把梯子靠在哪堵墙上”，甚至不确定我正在尝试做的事情的正确术语。我多年来一直为一家农业研究公司开发软件。我们有一个Android应用程序，可以执行许多功能，包括上传...
来自于 2024-03-30 17:12:51
0
1
433
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！