小程序教学十一（媒体组件）

本章主要介绍微信小程序的camera、audio、video等控件及API使用

Camera相机组件

常用属性

注意：一个页面只能有唯一一个camera组件

可以通过获取上下文wx.createCameraContext来获取camera,然后调用API的方式来进行拍照，录像操作。

Audio音频组件

常用属性

audio默认样式

在1.6.0以后可以通过获取上下文wx.createInnerAudioContext然后调用API的方式来进行Audio音频组件的控制

Video视频组件

常用属性

video默认样式

可以通过获取上下文wx.createVideoContext(‘idName’,’Object this’)然后调用API的方式来进行Video视频组件的控制

1.保存视频需要用户授权：wx.saveVideoToPhotosAlbum

//Video.js文件
wx.saveVideoToPhotosAlbum({
    filePath: ’视频的路径’,
    success: funcation(res){
        //成功保存
},
    fail: funcation(err){
        //失败 err为失败原因
},
complete: function(){
    //完成，对错都会跑到这个函数
}
})

2.拍摄视频或选择视频：wx.chooseVideo

//Video.js文件
wx.chooseVideo({
    //album为相册选取，camera为相机拍摄
    sourceType: [‘album’,’camera’],
    //1.6.0以上才可以使用是否压缩选择的视频文件
    compressed: ‘true’,
    //最长拍摄时间，单位为秒
    maxDuration: ‘60’,
    //调用前置摄像头(front)还是后置摄像头(back)
    camera: ‘back’,
    success: funcation(res){
        //拍摄成功
        //res.tempFilePath 视频的临时文件路径
        //res.duration 视频的时间长度
        //res.size 视频的大小
        //res.height 视频的高度
        //res.width 视频的宽度
},
    fail: funcation(err){
        //失败 err为失败原因
},
complete: function(){
    //完成，对错都会跑到这个函数
}
})

持续更新中...