微信小程序开发案例教程-项目八 媒体API与位置API.pptx

微信小程序开发案例教程主讲人:

全书目录微信小程序开发入门项目一微信小程序的视图项目二微信小程序的配置和逻辑项目三视图容器组件与基础内容组件项目四表单组件与其他组件项目五网络API与文件API项目六数据缓存API与用户信息API项目七媒体API与位置API项目八交互API与设备API项目九微信小程序云开发项目十“私房菜馆”微信小程序项目十一

项目八媒体API与位置API

项目导读在微信小程序中，媒体API主要用于对图片、视频、音频、地图等进行处理与操作，位置API则根据位置信息为用户提供更加人性化的服务。本项目将带领大家学习媒体API与位置API的相关知识和使用方法。

知识目标掌握选择图片、预览图片、保存图片、获取图片信息API的相关知识。掌握选择视频、保存视频、获取视频信息API的相关知识。掌握获取位置、查看位置、选择位置API的相关知识。技能目标加强练习，在实践中提高专业技能和职业素养。学习目标素质目标能够使用图片API对图片进行操作。能够使用视频上下文对象控制视频的播放。能够使用内部音频上下文对象控制音频的播放。能够使用地图上下文对象操作地图。

2项目目录任务一媒体API任务二位置API1

任务一媒体API（1）图片 （2）视频（3）音频 （4）地图

任务描述（1）首先带领大家学习媒体API中图片、视频、音频、地图等常用API的相关知识（2）分别使用图片API、视频API和地图API对图片、视频和地图进行操作。

一、图片微信小程序的图片API选择图片预览图片保存图片获取图片信息使用图片API可以对图片进行的一些操作

一、图片（一）选择图片从基础库2.21.0版本开始，微信官方停止维护wx.chooseImageAPI（从本地相册选择图片，或者使用相机拍摄图片），并使用wx.chooseMediaAPI代替。使用wx.chooseMediaAPI可以从本地相册选择或使用相机拍摄图片或视频，该API传入一个object类型的参数，参数支持success、fail和complete3个回调函数。

一、图片wx.chooseMediaAPI参数支持的常用属性属性类型必填说明countnumber否可选择文件个数，默认为9（基础库2.25.0之前的版本最多可选择9个文件，2.25.0及之后的版本最多可选择20个文件）mediaTypearray.string否文件类型，可选值有image（图片）、video（视频）和mix（图片和视频），默认为[image,video]，表示可以选择图片或视频sourceTypearray.string否图片和视频的来源，可选值有album（从本地相册选择）和camera（通过相机拍摄），默认为[album,camera]maxDurationnumber否拍摄视频时的最长拍摄时间，取值范围为3～60，默认为10，单位为秒camerastring否使用前置或后置摄像头，可选值有back（后置，默认）和front（前置），在sourceType的属性值为album时无效

一、图片success回调函数的返回参数包含的属性属性类型说明tempFilesarray.object本地临时文件列表，包含tempFilePath（临时路径）、size（文件大小，单位为B）、duration（视频时长，单位为秒）、height（视频高度，单位为px）、width（视频宽度，单位为px）、thumbTempFilePath（视频缩略图的临时路径）、fileType（文件类型，有效值有image和video）typestring文件类型，与mediaType属性中的文件类型一致，有效值有image、video和mix

一、图片wx.chooseMediaAPI的示例代码。wx.chooseMedia({count:1, //可选文件个数mediaType:[image], //文件类型success(res){console.log(res.tempFiles) //输出tempFiles的相关信息vartempFilePath=res.tempFiles[0].tempFilePath //获取图片的临时路径//可以对选择的图片进行其他操作}})

一、图片（二）预览图片微信小程序使用wx.previewMediaAPI预览图片和视频（全屏显示），并且在预览过程中可以进行保存、分享等操作。wx.previewMediaAPI传入一个object类型的参数，参数支持success、fail和complete3个回调函数。

一、图片wx.previewMediaAPI参数支持的常用属性属性类型