小程序媒体组件 -1

audio

音频

属性说明：

• id audio 组件的唯一标识符  

• src  要播放音频的资源地址  

• loop   是否循环播放  

• controls   是否显示默认控件  

• poster   默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效  

• name   默认控件上的音频名字，如果 controls 属性值为 false 则设置 name 无效 

• author   默认控件上的作者名字，如果 controls 属性值为 false 则设置 author 无效 

• binderror  当发生错误时触发 error 事件，detail = {errMsg:MediaError.code} 

• bindplay   当开始/继续播放时触发 play 事件 

• bindpause  当暂停播放时触发 pause 事件 

• bindtimeupdate   当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration} 

• bindended  当播放到末尾时触发 ended 事件  

MediaError.code

返回错误码 描述

1 获取资源被用户禁止

2 网络错误

3 解码错误

4 不合适资源

camera

系统相机。扫码二维码功能，需升级微信客户端至 6.7.3。需要用户授权 scope.camera。 2.10.0 起 initdone 事件返回 maxZoom，最大变焦范围，相关接口 CameraContext.setZoom。

属性说明：

• mode   应用模式，只在初始化时有效，不能动态变更  

mode 可选值：

• normal  相机模式

• scanCode  扫码模式

• resolution  分辨率，不支持动态修改 

resolution 可选值

• low 低

• medium  中

• high  高

• device-position  摄像头朝向

device-position 可选值

• front 前置

• back  后置

• flash  闪光灯，值为 auto , on, off 

flash  可选值

• auto  自动  

• on  打开  

• off 关闭  

• torch 常亮  

• frame-size 指定期望的相机帧数据尺寸  

• frame-size 可选值

• small 小尺寸帧数据

• medium  中尺寸帧数据

• large 大尺寸帧数据

• bindstop  摄像头在非正常终止时触发，如退出后台等情况 

• binderror  用户不允许使用摄像头时触发 

• bindinitdone   相机初始化完成时触发，e.detail = {maxZoom} 

• bindscancode   在扫码识别成功时触发，仅在 mode="scanCode" 时生效

image

图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式

属性说明

• src  图片资源地址  

• mode   图片裁剪、缩放的模式  

mode 可选值：   

• scaleToFill 缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素  

• aspectFit 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 

• aspectFill  缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。  

• widthFix  缩放模式，宽度不变，高度自动变化，保持原图宽高比不变  

• heightFix 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 

• top 裁剪模式，不缩放图片，只显示图片的顶部区域 

• bottom  裁剪模式，不缩放图片，只显示图片的底部区域 

• center  裁剪模式，不缩放图片，只显示图片的中间区域 

• left  裁剪模式，不缩放图片，只显示图片的左边区域 

• right 裁剪模式，不缩放图片，只显示图片的右边区域 

• top left  裁剪模式，不缩放图片，只显示图片的左上边区域  

• top right 裁剪模式，不缩放图片，只显示图片的右上边区域  

• bottom left 裁剪模式，不缩放图片，只显示图片的左下边区域  

• bottom right  裁剪模式，不缩放图片，只显示图片的右下边区域  

• webp   默认不解析 webP 格式，只支持网络资源 

• lazy-load 图片懒加载，在即将进入一定范围（上下三屏）时才开始加载 

• show-menu-by-longpress  长按图片显示发送给朋友、收藏、保存图片、搜一搜、打开名片/前往群聊/打开小程序（若图片中包含对应二维码或小程序码）的菜单。 

• binderror  当错误发生时触发，event.detail = {errMsg}  

• bindload   当图片载入完毕时触发，event.detail = {height, width}