视频

优质

小牛编辑

165浏览

2023-12-01

拍摄或从手机相册中选择图片或视频

参数

Object object

属性	类型	默认值	必填	说明
count	number	9	否	最多可以选择的文件个数
mediaType	`Array.<string>`	['image', 'video']	否	文件类型注意：mediaType为枚举值建议开发者使用时只传一个值如果传入两个值优先video
sourceType	`Array.<string>`	['album', 'camera']	否	图片和视频选择的来源
maxDuration	number	10	否	拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间
sizeType	`Array.<string>`	['original', 'compressed']	否	仅对 mediaType 为 image 时有效，是否压缩所选文件注意：sizeType为枚举值建议开发者使用时只传一个值如果传入两个值优先compressed
camera	string	'back'	否	仅在 sourceType 为 camera 时生效，使用前置或后置摄像头
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

object.mediaType 的合法值

值	说明
image	只能拍摄图片或从相册选择图片
video	只能拍摄视频或从相册选择视频

object.sizeType 的合法值

值	说明
original	原图
compressed	压缩图

注意：sizeType为枚举值，建议开发者使用时只传一个值。如果传入两个值，优先compressed。

object.sourceType 的合法值

值	说明
album	从相册选择
camera	使用相机拍摄

object.success 回调函数

参数

Object res

属性	类型	说明
tempFiles	`Array.<Object>`	本地临时文件列表
type	string	文件类型，有效值有 image 、video

res.tempFiles 的结构

属性	类型	说明
属性	类型	说明
tempFilePath	string	本地临时文件路径 (本地路径)
size	number	本地临时文件大小，单位 B
duration	number	视频的时间长度
height	number	视频的高度
width	number	视频的宽度
thumbTempFilePath	string	视频缩略图临时文件路径

示例代码

jd.chooseMedia({
    count: 9,
    mediaType: ['image','video'],
    sourceType: ['album', 'camera'],
    maxDuration: 30,
    camera: 'back',
    success(res) {
        console.log(res.tempFiles.tempFilePath)
        console.log(res.tempFiles.size)
    }
})

从手机相册中选视频(基础库1.10.7 开始支持)

参数

Object object

属性	类型	默认值	必填	说明
sourceType	`Array.<string>`	['album', 'camera']	否	视频选择的来源
compressed	boolean	true	否	是否压缩所选择的视频文件
maxDuration	number	60	否	拍摄视频最长拍摄时间，单位秒
camera	string	'back'	否	默认拉起的是前置或者后置摄像头。
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

object.sourceType 的合法值

值	说明
album	从相册选择视频
camera	使用相机拍摄视频

object.camera 的合法值

值	说明
back	默认拉起后置摄像头
front	默认拉起前置摄像头

object.success 回调函数

属性	类型	说明
tempFilePath	string	选定视频的临时文件路径 (本地路径)
duration	number	选定视频的时间长度
size	number	选定视频的数据量大小
height	number	返回选定视频的高度
width	number	返回选定视频的宽度

示例代码

jd.chooseVideo({
  sourceType: ['album'],
  success(res) {
    console.log("视频临时文件路径",res.tempFilePath)
  }
})

jd.createVideoContext

创建 video 上下文 videoContext 对象。

参数

string id video 组件的 id

Object this 在自定义组件下，当前组件实例的this，以操作组件内 video 组件

返回值

VideoContext

VideoContext

VideoContext.play()

播放视频

VideoContext.pause()

暂停视频

VideoContext.seek(number position)

跳转到指定位置

参数 number position 跳转到的位置，单位 s

VideoContext.requestFullScreen(Object object)

进入全屏

参数

属性	类型	必填	说明
direction	number	否	设置全屏时视频的方向，不指定则根据宽高比自动判断。

direction 的合法值

值	说明
0	正常竖向
90	屏幕逆时针90度
-90	屏幕顺时针90度

VideoContext.exitFullScreen()

退出全屏

VideoContext.stop()

停止视频

VideoContext.playbackRate(number rate)

设置倍速播放

参数

number rate 倍率，支持 0.5/0.8/1.0/1.25/1.5