在JavaScript脚本中获取<audio.../>元素对应的对象为HTMLAudioElement对象,<video.../>元素对应的对象为HTMLVideoElement对象。
HTMLAudioElement对象和HTMLVideoElement对象支持的方法有如下几个:
- play():播放视频、音频
- pause():暂停播放
- load():重新装载音频、视频文件
- canPlayType(type):判断该元素是否可以播放type类型的音频、视频。该属性指定该音频、视频文件的类型,该属性值既可以是简单的MIME类型,例如audio/ogg、audio/mpeg等,也可以是MIME字符串并带codecs属性,codecs属性用于指定该视频文件的编码格式。该方法可以返回如下3个值
- probably:该浏览器支持播放此种类型的音频、视频
- maybe:该浏览器可能支持播放此种类型的音频、视频
- 空字符串:该浏览器不支持播放此种类型的音频、视频
下面页面代码实现了一个简单的音乐播放器,支持两种播放模式:随机播放和顺序播放。
音乐播放器 音乐播放器
页面效果如下: