html5的新特性-audio

controls: 用户控制界面(标签自带)
autoplay: 自动播放用于背景音乐
loop: 循环播放

<audio src="audio/LoginScreenIntro.mp3" controls autoplay id="au"></audio><button id="btn1">显示播放时间</button><button id="btn2">显示总时长</button><button id="btn3">音量加</button><button id="btn4">音量减</button><button id="btn5">静音</button><button id="btn6">播放</button><button id="btn7">暂停</button><button id="btn8">重新加载</button><button id="b1">快进</button>

currentTime: 当前播放时间

    btn1.onclick = function(){console.log("当前播放时间为："+ au.currentTime);}

duration ：总时间

    btn2.onclick = function(){console.log("总时间为：" + au.duration);}

volume: 音量

     btn3.onclick = function(){if(au.volume >= 1){return false;}au.volume += 0.1;}btn4.onclick = function(){if(au.volume < 0.1){return false;}au.volume -= 0.1;

muted: 静音

  btn5.onclick = function(){au.muted = !au.muted;}

.paused //播放状态
play()

html5的新特性-audio相关推荐

html5学习笔记---01.HTML5介绍,02.HTML5的新特性
2013/6/10 01.HTML5介绍 a.创梦技术qq交流群:CreDream:251572072 -------------------- a.创梦技术qq交流群:CreDream:251572 ...
css-07--1. HTML5 的新特性2. CSS 3 的新特性
文章目录 1. HTML5 的新特性 1.1 HTML5 新增的语义化标签 1.2 HTML5 新增的多媒体标签 1. 视频 2. 音频 3. 多媒体标签总结 1.3 HTML5 新增的 input ...
HTML5常用新特性
1. HTML5新特性 HTML5的新特性主要针对以前的不足,增加了一些新的标签.新的表单和新的表单属性等. 这些新特性都有兼容性问题,基本都是IE9以上版本才支持,如果不考虑兼容性问题,才可以使用这 ...
html5技术有哪些新特性,28个你必须知道的HTML5的新特性,技巧以及技术
崭新新的页面布局传统的: HTML5: 1. 新的Doctype 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素用和来语义化地表示带标题的图片 This is a ...
（九）HTML5+CSS3新特性：语义标签、多媒体标签、表单、新增选择器、盒子模型、模糊、calc函数、过渡
本文仅用作学习记录,学习视频为B站的pink老师文章目录 HTML5的新特性 HTML5新增的语义化标签 HTML5新增的多媒体标签 HTML5新增的input表单 HTML5新增的表单属性 CSS ...
面试-html5,css3新特性
一.HTML5 1.新特性. HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 拖拽释放(Drag and drop) API 语义化更好的内容标签(hea ...
html5的新特性都有什么,html5的新特性
Web2.0带来的丰厚互联网技能让所有人都享用到了技能发展和体会前进的趣味.作为下一代互联网规范,HTML5天然也是备受等待和注目,技能人员.设计者.互联网爱好者们都在热议HTML5终究能带来啥.那么 ...
HTML5十五大新特性
HTML5想必大家都很熟悉了.然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性.一起来看下:1.新的文档类型 (New Doctype)目前许多网页 ...
使用Modernizr探测HTML5/CSS3新特性
HTML5, CSS3以及相关技术(例如canvas和web sockets)带来了非常有用的特性,可以让我们的web程序提升一个新的level.这些新技术允许我们只用HTML,CSS和JavaScr ...

html5的新特性-audio

html5的新特性-audio相关推荐

最新文章

热门文章