<!--
audio通过属性的设置可以控制音频播放的行为:
表6-2 audio元素的属性
————————————————————————————————————————————————————————
属性 值 描述
autoplay autoplay 音频就绪后马上播放
controls controls 向用户显示控件,比如播放按钮
loop loop     音频播放结束后重新播放
preload preload 音频在页面加载并预备播放。如果使用“autoplay”,则忽略该属性
src url 要播放音频的url
———————————————————————————————————————————————————————— 表6-3 audio元素的方法
————————————————————————————————————————————————————————
方法 描述
addTextTrack() 向音频添加新的文本轨道
canPlayType() 检测浏览器是否能播放指定的音频类型
load() 重新加载音频元素
play() 开始播放音频
pause() 暂停当前播放的音频
———————————————————————————————————————————————————————— 表6-4 audio元素的常用事件
————————————————————————————————————————————————————————
事件    描述
canplay   当前浏览器可以播放音频时
pause  当音频已暂停时
play 当音频已开始或不再暂停时
playing 当音频在因缓冲而暂停或停止后就就绪时
progress 当浏览器正在下载音频时
volumechange 当音量已更改时
timeupdate 当前的播放位置已更改时
———————————————————————————————————————————————————————— --> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>audio</title>
</head>
<body>
<br>
<audio src="E:\MUSIC\Diplo - revolution.mp3" controls="controls" autoplay="autoplay">
您的浏览器不支持audio标签
</audio>
</body>
</html> <!--
另外,audio元素可以设置多个source元素。source元素可以连接不同的音频文件,浏览器将使用第一个可识别的格式 <audio controls>
<source src=".../a.mp3" type="audio/mpeg"></audio>
<source src=".../b.mp3" type="audio/ogg"></audio>
--> 运行结果:

【HTML5】 web上的音频的更多相关文章

  1. html5页面怎么播放音频和视频

    html5页面怎么播放音频和视频 一.总结 一句话总结:html5 音频和视频标签:(audio And video),局限是不同浏览器对音频视频的格式支持很让人头痛 1.最基础的音频和视频标签的使用 ...

  2. html5中audio支持音频格式

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

  3. 基于HT for Web矢量实现HTML5文件上传进度条

    在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件 ...

  4. HTML5学习总结-04 音频&视频播放

    一 音频播放 1 Audio(音频) HTML5提供了播放音频文件的标准 2 control(控制器) control属性攻添加播放,暂停和音量空间. 3 标签定义声音 <audio> 例 ...

  5. 网页上播放音频、视频Mp3,Mp4

    昨天在处理网页上播放音频mp3,视频mp4上用了一天的时间来比较各种方案,最终还是选择了HTML5的 标签,谷歌浏览器.IE浏览器对标签的支持都很好,火狐上需要安装quicktime插件,效果比较差. ...

  6. JavaScript多线程之HTML5 Web Worker

    在博主的前些文章Promise的前世今生和妙用技巧和JavaScript单线程和浏览器事件循环简述中都曾提到了HTML5 Web Worker这一个概念.在JavaScript单线程和浏览器事件循环简 ...

  7. HTML5的视频和音频

    1.HTML5视频 HTML5 规定了一种通过 video 元素来包含视频的标准方法. <!DOCTYPE html> <html> <head> <meta ...

  8. 深入HTML5 Web Worker应用实践:多线程编程

    HTML5 中工作线程(Web Worker)简介 至 2008 年 W3C 制定出第一个 HTML5 草案开始,HTML5 承载了越来越多崭新的特性和功能.它不但强化了 Web 系统或网页的表现性能 ...

  9. 四种途径将HTML5 web应用变成android应用

    作为下一代的网页语言,HTML5拥有很多让人期待已久的新特性.HTML5的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动 设备上使用HTML5技术.随着HTML5跨平台支持的不断增强 ...

随机推荐

  1. supermap iobect .net 7.1.2 图例的拆分

    LayoutSelection objLytSelect = m_MapLayoutControl.MapLayout.Selection;//.Selection; //LayoutSelectio ...

  2. python_射门小游戏

    import random def shoot(fs = 0,i = 0,j = 0): while i < 5: print("<<<<<<< ...

  3. Linux学习之CentOS(二十)--CentOS6.4下修改MySQL编码方法

    但是当我们在试图对数据库中的数据进行备份或者将sql文件导入到我们的数据库时可能就会碰到编码的问题,在windows下安装mysql时我们可以在安装的时候就选择好整个数据库的编码方式(通常设置成utf ...

  4. Applying vector median filter on RGB image based on matlab

    前言: 最近想看看矢量中值滤波(Vector median filter, VMF)在GRB图像上的滤波效果,意外的是找了一大圈却发现网上没有现成的code,所以通过matab亲自实现了一个,需要学习 ...

  5. tomcat配置

    修改可用内存大小 D:\escloud\apache-tomcat-7.0.63\bin 下修改catalina.bat set "JAVA_OPTS=-Xms1024m -Xmx1024m ...

  6. Java集合之HashSet

    1.HashSet概述: HashSet实现Set接口,由哈希表(实际上是一个HashMap实例)支持.它不保证set 的迭代顺序:特别是它不保证该顺序恒久不变.此类允许使用null元素.HashSe ...

  7. 用ffmpeg合并音频文件

    1 问题描述 打电话的对话,被拆分成了两个PCM文件.其中主叫的录音文件A.pcm,被叫的录音为B.pcm. 问题是怎么合成一个混音的对话文件AB.wav. 2 WAV文件的录音格式 常见的声音文件主 ...

  8. (转)CentOS下开机启动查看管理命令:chkconfig用法

    CentOS下开机启动查看管理命令:chkconfig用法   CentOS下开机启动查看管理的命令是:chkconfig   1. 开机启动列表查看: chkconfig --list     说明 ...

  9. Sql Server随机取数据

    select top 10 * from tablename order by NEWID()

  10. NOSDK--一键打包的实现(五)

    1.5 mac下的脚本环境配置及脚本的使用 脚本环境主要依赖sdk,ndk和ant,前两个可以在android官方网站下载(被墙了的话只能FQ了). android-sdk-macosx androi ...