H5里音视频小例子:
1:视频:video(css)
1:autoplay 自动播放
2:controls 显示控件
3:loop 循环播放
2:video (js控制)
1:oV.play(); 播放
2:oV.pause(); 暂停
3:oV.currentTime 播放时间
4:oV.volume (iNow++ +=0.1 iNow-- -=0.1) 声音
5:oV.muted 静音
6:oV.webkitRequestFullscreen 全屏
7:ov.duration 获取总的时间
video---视频格式mp4-->都支持
3:文件拖拽
1:ondragover 拖拽文件进入窗口 (不断执行)
2:ondragenter 拖拽文件进入窗口 (只执行一次)
3:ondragleave 拖拽文件离开窗口
4:ondrop 文件丢到指定区域
必须将ondragover事件干掉 return false;
文件信息:var oF=ev.dataTransfer.files[0];/*获取文件对象*/
1:oF.name 名字
2:oF.type 类型
3:oF.size 大小
4:oF.lastModifiedDate 修改时间
1.创建一个读取文件对象
var reader=new FileReader();
2.读取编码方式
1:读取文本方式
reader.readAsText(oF);
2:图片转化base64
reader.readAsDataURL(oF);
3.读取成功
reader.onload=function (){
reader.result; //读取结果
};
4.读取失败
onerror
5.读取完成
onloadend
6.开始读取
onloadstart
7.读取过程
onprogress
ev.loaded
ev.total
8.读取中断
onabort
9.强制中断
reader.abort();
4:音频:audio
1:autoplay 自动播放
2:controls 显示控件
3:loop 循环播放
audio:mp3 音频格式