HTML5中的新元素标签

src:音频文件路径。

autobuffer:设置是否在页面加载时自动缓冲音频。

autoplay:设置音频是否自动播放。

loop:设置音频是否要循环播放。

controls:属性供添加播放、暂停和音量控件。

这些属性和元素标签的属性很类似

如何工作:

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

Your browser does not support the audio tag.

常用的控制函数:

1.load():加载音频、视频软件

2.play():加载并播放音频、视频文件或重新播放暂停的的音频、视频

3.pause():暂停出于播放状态的音频、视频文件

4.canPlayType(obj):测试是否支持给定的Mini类型的文件

可脚本控制的属性值:

1.autoplay:自动播放已经加载的的媒体文件

2.loop为true:的时候则设定为自动播放

3.currentTime:以s为单位返回从开始播放到目前所花的时间

4.controls:显示或者隐藏用户控制界面

5.volume:音量值,从0.0至1.0之间

6.muted:设置是否静音

7.autobuffer:是否进行缓冲加载

Audio 对象属性

属性 描述

audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。

autoplay 设置或返回是否在就绪(加载完成)后随即播放音频。

buffered 返回表示音频已缓冲部分的 TimeRanges 对象。

controller 返回表示音频当前媒体控制器的 MediaController 对象。

controls 设置或返回音频是否应该显示控件(比如播放/暂停等)。

crossOrigin 设置或返回音频的 CORS 设置。

currentSrc 返回当前音频的 URL。

currentTime 设置或返回音频中的当前播放位置(以秒计)。

defaultMuted 设置或返回音频默认是否静音。

defaultPlaybackRate 设置或返回音频的默认播放速度。

duration 返回音频的长度(以秒计)。

ended 返回音频的播放是否已结束。

error 返回表示音频错误状态的 MediaError 对象。

loop 设置或返回音频是否应在结束时再次播放。

mediaGroup 设置或返回音频所属媒介组合的名称。

muted 设置或返回是否关闭声音。

networkState 返回音频的当前网络状态。

paused 设置或返回音频是否暂停。

playbackRate 设置或返回音频播放的速度。

played 返回表示音频已播放部分的 TimeRanges 对象。

preload 设置或返回音频的 preload 属性的值。

readyState 返回音频当前的就绪状态。

seekable 返回表示音频可寻址部分的 TimeRanges 对象。

seeking 返回用户当前是否正在音频中进行查找。

src 设置或返回音频的 src 属性的值。

textTracks 返回表示可用文本轨道的 TextTrackList 对象。

volume 设置或返回音频的音量。

Audio 对象方法

方法 描述

addTextTrack() 向音频添加新的文本轨道。

canPlayType() 检查浏览器是否能够播放指定的音频类型。

fastSeek() 在音频播放器中指定播放时间。

getStartDate() 返回新的 Date 对象,表示当前时间线偏移量。

load() 重新加载音频元素。

play() 开始播放音频。

pause() 暂停当前播放的音频。

audio标签控制音量_HTML5中audio标签的使用相关推荐

  1. audio标签控制音量_HTML5中audio与video标签的使用

    最近做的微信分享页面中有大量的语音播放和视频展示,相关的好多方法属性以前都没接触过,现在记录下来! 1.首先,了解关于两个标签的基本信息: 两个标签的基本属性: 属性描述 audioTracks返回表 ...

  2. audio标签控制音量_html中audio标签的使用

    在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放.以下是最经常见到的运用HTML5三种基本格式: 1.最少的代码 2.带有不兼容提醒的代码 Your browser d ...

  3. html5标签属性大全_HTML5中video标签如何使用

    HTML5中的video标签用于播放视频文件的,在video标签中我们可以设置窗口的宽高,视频的自动播放,循环播放以及视频的封面图片等等 HTML5是下一代HTML,新增了许多新的标签,这些标签实现了 ...

  4. audio标签控制音量_audio标签HTML5音乐播放器

    标签:用于在文档中表示音频内容.利用它,你可以在你的个人网站上放一首你喜欢的歌. 用法很简单,跟标签一样,属性src指定音频文件地址. 如果你仅仅这样写,页面上不会看到有明显的东西,标签默认是隐藏的. ...

  5. html嵌入audio格式不支持,html5中audio支持音频格式的解决方法

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

  6. html5 audio标志改变音量,HTML5之Audio(二)—— processor调节音量

    Audio var AudioContext = AudioContext || webkitAudioContext || mozAudioContext || msAudioContext, // ...

  7. html5标签属性大全_html5 文本相关标签

    html5 文本相关标签 一.标题 h1.h1.hgroup(标题组) 1.什么情况下使用标题? 01.标题是概括性的简短文字 02.标题能概括随后的内容 2.主标题与副标题 01.主标题 02.副标 ...

  8. 【Jquery】------- iframe标签获取属性src中的标签(元素)input值实例代码

    一,如下iframe标签代码: <iframe id="iframe" src="/pub/job/cron_editor/CronEditor.html" ...

  9. 徐志摩题要求:•使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 •使用ID选择器设置p段

    徐志摩题要求: •使用外部引入CSS样式的方式为网页设置样式 •标题使用<h3>标签,其他文本均放在段落标签<p>中 •使用标签选择器设置标题h3的字体颜色为#ddf111 • ...

最新文章

  1. 系列文章丨AlphaGo Zero为何如此备受瞩目?8位教授的独家讲解
  2. Redis缓存穿透问题及解决方案
  3. 软件工程第四周作业之四则运算-C#实现
  4. windows系统采用了那种访问控制模型_Linux-3.2 系统与硬件(下)(连载)
  5. 基于VHDL语言的多人表决器的设计
  6. qt web混合编程_Qt+VS混合编程教程
  7. wordpress函数手册_WordPress中文手册文档
  8. 四川省内二本计算机公立好的大学排名,盘点四川省最好的几所二本大学
  9. 如何将ppt中的绘图高清保存
  10. 数据结构实验之查找与排序
  11. 2. 样式,大纲和目录
  12. 魔兽世界最新服务器推荐,[大陆]《魔兽世界》全新第六大区推荐服务器
  13. 从“魔兽世界”的服务器崩溃说开去......
  14. [UOJ#207]共价大爷游长沙
  15. javaweb项目设计思路
  16. Three.js学习09
  17. 基于token的身份验证
  18. 江苏机考-信息技术基础部分总结
  19. 【shell】shell脚本实战-for循环
  20. 游戏开发常用算法 (一)

热门文章

  1. C#Dictionary字典
  2. python 实现冒泡排序的思路和代码
  3. 鸿蒙恢复安卓,鸿蒙系统发布后,Android官网恢复推荐华为手机
  4. 安卓淘宝商店界面之高仿类CollapsinToolBar 直接搬运到项目中
  5. 相爱相杀:移动联通IT支撑回忆录(八)
  6. Unity Mesh基础系列(四)mesh变形(制作一个弹力球)
  7. Android 多线程-----AsyncTask详解(康小岱已读)
  8. UE4 预算上的纹理流送池(texture streaming poor over)报警解决方法
  9. androidstudio使用mac字体_如何在Android Studio编写的项目中使用自定义字体
  10. 华为、TCL、大疆,android经典项目案例