vadio

Posted 2021-01-05 mapsxy

1、input type="file"
2、给input添加change事件（只能触发change事件），在市价里面获取图片的信息
3、图片信息
this.files//是类数组，支持单张上传也支持多张上传 多张上传的属性

获取第一张图片的信息 this.files[0]
4、lastModigied 最后上传图片的时间戳
lastModifiedDate 最后上传图片的一个标准格式
name 图片的名字
size 图片的大小 以字节为单位的 1MB=1024KB 1kb=1024B 1个b就是1个字节
type 图片的类型

5、获取图片路径
var fileReader=new FileReader();
//读取文件
fileReader.readAsDataURL（files）：files 文件的基本信息，要读取谁就把谁放进来
//读取文件之后的事件
fileReader。onload=function（）{
this.result；//返回的是当前图片的路径 这个路径是一个base64格式的路径
}

音频/视频
1、audio video source
2、路径src属性里面
3、方法
play（）//开始播放
pause（）//暂停播放
load（）//重载
4、属性
autoplay 布尔值 //加载完之后是否立即播放 true 立即播放 false（默认）不立即播放
controls 布尔值 是否显示控件 true显示 false（默认）不显示
currentTime //视频或音频的当前播放位置 以秒为单位
duration //当前音频或视频的总长度 以秒为单位
ended //判断当前视频或者音频是否播放完成 true播放完成 false没有播放完
loop //当前视频或者音频是否循环播放 true循环 false 不循环
muted //设置当前视频或音频是否静音 true静音 false 不静音
paused //当前视频是否是暂停 true暂停 false 播放
playbackRate //设置当前视频或者音频的播放速度
volume //设置当前视频或音频的音量 0-1之间 0相当静音 ==muted==true
canplaythrough //音频或视频加载完成之后
timeupdate //当前播放位置