【基础】html5学习笔记（audio）

来源于《HTML5高级程序设计》

audio api

<audio controls> controls告诉浏览器显示播放控件

不指定 type 浏览器自解
ogg
MP3 type="audio/mpeg"

mp4 type="video/mp4"

<audio atoplay> atoplay 默认播放
<source src="xx.mp3" type="audio/mpeg">
</audio>

api

对应的js内置函数
load() 加载
play() 加载播放
pause() 暂停
canPlayType(type) 测试时video 是否支持MIME类型的文件

只读媒体特性
duration 播放时长
paused 暂停
ended 播放完毕
startTime 最早的播放时间
error 错误返回的错误代码
currentSrc 返回字符串形式加载的文件

var btn = document.getElementById("btn");
btn.onclick

 

------------
js中用类获取元素 执行btn.onclick 不管用 。。。

可脚本控制的特性值

autoplay 是否设置 autoplay
loop 能重复播放返回true console.log(audio.loop);
currentTime 播放的所用时间
controls 显示或隐藏 控制界面
volume
muted 设置是否为静音
autobuffer 是否缓冲加载

 

video元素的额外特性
poster 代表url

width height

videoWidth videoHeight 返回视频的固有，自适应的宽度和高度

 

onCanPlay（）开始播放事件
onended()播放完事件

 

背景噪音

<audio autoplay loop>
<source src="images/mp2.mp3">
</audio>