[html] 第47天 HTML5如何使用音频和视频？

[haizhilin2013]

第47天 HTML5如何使用音频和视频？

[rocky-191]

video和audio标签

[xiangshuo1992]

HTML5 新标签可以直接用video和audio，但是想要自动播放还有些兼容性问题，在手机上各浏览器需要做兼容处理。

[blueRoach]

video audio

[coderRedw]

视频

音频和视频一样

音频
1。事件
1-1 canplay 事件
+ 会在音频加载完毕可以播放以后执行
1-2 timeupdate 事件
+ 会在音频播放以后，时间改变的时候触发
1-3 ended 事件
+ 会在视频播放完毕后触发

2。属性
  2-1 paused 
    + 是否暂停
  2-2 currentTime
    + 当前播放时间
    + 读写的属性，可以获取当前播放时间(单位是秒)
  2-3 volume
    + 获取当前播放的音量
    + 读写的属性，0 ~ 1 之间
  2-4 muted
    + 获取当前音量是否静音
    + 读写的属性
  2-5 duration
    + 获取当前视音频的总播放时间
    + 只读属性（秒）
3。方法
  3-1 play()
    + 调用的时候会让音乐播放
  3-2 pause()   
    + 调用的时候会让音乐暂停
  3-3 stop() （现在不支持了）
    + 调用的时候会让音乐回到最初状态