媒体组件
- audio (音频,建议使用能力更强的 wx.createInnerAudioContext 接口)
- image(图片)
- video(视频)
- camera(系统相机)
- live-player(实时音视频播放)
- live-pusher(实时音视频录制)
1. InnerAudioContext wx.createInnerAudioContext( )
- 创建内部
audio
上下文InnerAudioContext
对象。- 返回值 InnerAudioContext
2. image
属性名 类型 默认值 说明 最低版本 src String 图片资源地址,支持云文件ID(2.2.3起) mode String 'scaleToFill' 图片裁剪、缩放的模式 lazy-load Boolean false 图片懒加载。只针对page与scroll-view下的image有效 1.5.0 binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong'} bindload HandleEvent 当图片载入完毕时,发布到 AppService 的事件名,事件对象event.detail = {height:'图片高度px', width:'图片宽度px'} aria-label String 无障碍访问,(属性)元素的额外描述 2.5.0 mode 有效值: mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式。
模式 值 说明 缩放 scaleToFill 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 缩放 aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。 缩放 aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。 缩放 widthFix 宽度不变,高度自动变化,保持原图宽高比不变 裁剪 top 不缩放图片,只显示图片的顶部区域 裁剪 bottom 不缩放图片,只显示图片的底部区域 裁剪 center 不缩放图片,只显示图片的中间区域 裁剪 left 不缩放图片,只显示图片的左边区域 裁剪 right 不缩放图片,只显示图片的右边区域 裁剪 top left 不缩放