百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

《微信小程序开发从入门到实战》学习八十三

cac55 2024-11-09 11:14 108 浏览 0 评论

6.13 视频API

使用视频API可以对用户手机设备中的视频进行一些操作。如果希望播放视频内容,需要使用小程序中的video组件。

6.13.1 保存视频API

使用wx.saveVideoToPhotosAlbum接口可将视频保存到手机相册,支持MP4视频格式。该接口用前需用户授权scope.writePhotosAlbum。示例代码如下:

wx.saveVideoToPhotosAlbum({

filePath: 'xxx.mp4', // 视频文件路径,可以是临时文件路径或永久文件路径

success (res) {

console.log(res.errMsg)

}

})

6.13.2 选择视频API

使用wx.chooseVideo可从手机相册选择视频,或使用摄像头拍摄一段视频并获取该文件。示例代码如下:

wx.chooseVideo({

sourceType: ['album','camera'], // 选择视频的来源(相册、相机)

compressed: true, // 是否压缩视频文件。默认为true

maxDuration: 60, // 拍摄视频最长拍摄时间,单位为秒。默认为60

camera: 'back', // 默认拉起的是前置或者后置摄像头,支持back和front

success(res) {

console.log(res.tempFilePath) // 视频的路径(临时文件)

console.log(res.duration) // 视频的时间长度

console.log(res.size) // 视频的数据量大小

console.log(res.width) // 视频的宽度

console.log(res.height) // 视频的高度

}

})

6.13.3 video组件

获取到视频连接后,可使用video组件播放该视频,video组件在页面显示为一个视频播放器。video组件在后面组件章节进行介绍

6.14 位置API

使用位置API可以获取用户的位置信息,或在用户手机中以地图的形式显示某个位置。

(微信小程序申请的是跑步达人,终于碰到和它有点关系的API接口了,期待。)

6.14.1 获取位置API

使用wx.getLocation可获取用户当前的地理位置坐标和移动速度。用前需用户授权scope.userLocation权限。

scope.userLocation不同于其他权限,开发者使用该权限相关接口时需在app.json文件,配置地理位置用途的说明,否则无法使用相关接口。配置如下:

// app.json

{

"pages": ["pages/index/index"],

"permission": {

"scope.userLocation": {

"desc": "你的位置信息将用于xx"

}

}

}

地理位置用途的说明会显示在向用户请求权限的提示窗口。


wx.getLocation传入Object参数,参支持属性如下:

type:不是必填,wgs84返回GPS坐标,gcj02返回可用于wx.openLocation的坐标

altitude:不是必填,传入true会返回高度信息,获取高度需要较高精确值,会减慢接口返回速度

success

fail

complete

在接口的success回调函数中,可获取用户的地理位置信息。示例代码如下:

wx.getLocation({

type: 'wgs84', // 返回GPS坐标

altitude: true, // 返回高度信息

success(res) {

const latitude = res.latitude // 纬度,范围为-90~90,负数表示南纬

const longitude = res.longitude // 经度,范围为-180~180,负数表示西经

const speed = res.speed // 速度,单位为m/s

const accuracy = res.accuracy // 位置的精确度

const altitude = res.altitude // 高度,高度为m

const verticalAccuracy = res.verticalAccuracy // 垂直精度,单位为m(仅IOS支持)

const horizontalAccuracy = res.horizontalAccuracy // 水平精度,单位为m

}

})

相关推荐

14款健身APP蹿红 看看下载最多的是哪款?

Zombies,Run!($3.99,安卓,iOS)如果你的运动理念是:除非有人追,否则绝不跑起来,那么这款APP应该适合你。Zombies,Run!这款程序把单调的跑步过程变身为躲避僵尸的游戏...

微软官方彩蛋庆祝《回到未来》纪念日

2015年10月21日,是MartyMcFly和Brown博士回到未来的时间。现在,这一天真的到了,那么当时影片中展示的一些科技产品究竟有多少实现了呢?作为一家走在技术前沿的公司,日前,微软就在M...

时尚圈最潮同志情侣 帅到没朋友(同志情侣微信头像)

来源:MSN时尚综合|2015-03-0419:45:15男演员ZacharyQuinto(中)与男模MilesMcMillan(右)于纽约街头公开热吻。情人节这个拥有不同起源传说,最早可以...

IE浏览器阻止过期ActiveX控件或将影响网银的使用

IE浏览器网银IE浏览器网银如果经常使用IE浏览器浏览网页的用户,可能都有遇到过浏览器窗口提示安装ActiveX控件的情况,一般情况下用户也是会选择直接安装。ActiveX控件广义上是指微软公司的整...

如何使Microsoft Band连接到WP设备

如果你幸运地购买到了MicrosoftBand,那么恭喜你。现在我们(winbeta)推出了“帮助系列”,那些尚未买到MicrosoftBand的朋友可以了解设备的一些新功能,以及设备的其他关键特...

毕业生不得不看的五大骗局全揭秘(毕业生防骗)

目前,距离高校大学生毕业已不足100天,大部分毕业生都十分忙碌。论文定稿、答辩,参加招聘、面试等成了应届毕业生的头等大事。但随着毕业季的临近,不法分子专门针对毕业生的诈骗高发期也随之来临。360手机安...

菠萝觅生活是O2O应用流量入口最大的供应商

现在主流的传统O2O生活服务,他们其实都有一个共通点,那就是各行其道。打车有快的,滴滴,外卖有饿了么,买机票有去哪儿网…每个APP都有着自己的核心竞争力。而用户呢?既想拥有海量有趣应用,又担心占用过多...

WP8.1版MSN健康应用,现已支持锁屏计步

IT之家(www.ithome.com):WP8.1版MSN健康应用,现已支持锁屏计步@WP之家报道,微软今天已将必应系列应用品牌归为MSN,除此之外,WP8.1版MSN健康和天气应用也获得一些新的...

短信就能传播手机病毒?看完推理惊呆了!

很多人都收到过一种带网址的陌生短信,有的人会点击网址看看,有的还会在好奇心驱使下回复短信。近日《北京新发现》栏目报道了一起离奇的电信诈骗案,事主耿先生的银行卡从未离身,但是在收到一条带网址的陌生短信,...

微软OneClip:我承包了你的剪贴板(微软onedrive云空间)

不久前,Twitter用户WalkingCat曝光了微软一款名为OneClip的应用。这是一款剪贴板应用,根据描述这款应用将覆盖Windows10(包括桌面和移动)、iOS和Android平台,可以...

Windows 10手机应该是什么样?微博用户给出了概念图

随着Windows10发布的不断临近,WindowsPhone的用户对Windows10的旗舰手机的期望也越来越高,我们WP中文网也在微博上发出了同样的问题,搜集用户对Windows10的硬...

云管家出席武汉2015年支付宝O2O生态峰会

2月4日,蚂蚁金服O2O生态峰会在武汉启幕。此次峰会展现了2015年蚂蚁金服在O2O领域的开放思路和策略,以及合作伙伴对O2O的创新观念及思路分享,吸引了武汉近3000名企业大佬、众多创业者、第三方服...

微软将于下周开启Windows开发中心帐号迁移工作

自下周开始微软将启动Windows开发中心的帐号迁移工作。根据WindowsBuildingApps博客透露Windows开发中心帐号迁移工作将会分为几个阶段。首个阶段从下周开始持续到今年7月份...

如何解绑已经合并的MSN账户和Skype账户?

如果您绑定的账户已经充值,建议您把产品消耗完毕后,再进行解绑。当您需要解绑合并的账户时,可登入Skype点卡账户自助操作。输入Skype或MSN账号、密码登录账户:登录后,可在页面左下角选择语言"中文...

微博账号已显示所属MCN机构,成为目前第二个上线该功能的平台

7月25日,多位网友发现,部分微博大V的个人主页已经显示其所属的MCN机构名称,微博也成为目前第二个上线该功能的平台。【来源:中新经纬】声明:此文版权归原作者所有,若有来源错误或者侵犯您的合法权益,您...

取消回复欢迎 发表评论: