4 HTML5 audio、video

媒体标签audio、video；

1、<audio id="audio" src="./音乐.flac" controls autoplay loop preload="none"></audio>;//标签内属性：controls;/autoplay;/loop;/preload="";/poster="";

2、js脚本化操作 -> 以下属性/方法video同样适用  -> 聚焦点:属性/方法/事件；

创建audio对象：new Audio();//video没有此种创建方式；document.getElementxxx系列方法；

创建video对象：document.getElementxxx系列方法；

- - - >>它们的属性可直接"打点调用"，或者使用setAttribute();getAttribute();系列方法操作；

readyState属性：音频当前就绪状态

networkState属性返回音频的当前网络状态

事件：聚焦点audio/vidio -> onload;//加载完成后触发其它事件

(1).onplay:开始播放时触发；:pause暂停时触发；:loadedmetadata浏览器获取完媒体的元数据触发；:loadeddata浏览器加载完媒体内容(当前帧数据)，准备播放时触发；:ended播放结束后触发

(2).error事件 -> audio/video加载错误时触发 ->error.code;