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>