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

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

cac55 2024-11-09 11:14 114 浏览 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

}

})

相关推荐

如何屏蔽色情网站?_怎么能屏蔽网站

一、基础防御:全网DNS劫持阻断1.修改全网DNS服务器推荐DNS:安全DNS:CleanBrowsing(成人内容过滤):185.228.168.168/185.228.169.168Open...

容器、Pod、虚拟机与宿主机网络通信全解:看这一篇就够了

在日常开发与部署过程中,很多人一开始都会有这样的疑惑:容器之间是怎么通信的?容器怎么访问宿主机?宿主机又如何访问容器?Kubernetes中Pod的网络和Docker容器一样吗?容器跨机器是...

Win11专业版找不到共享打印机的问题

有很多深度官网的用户,都是在办公室上班的。而上班就需要使用打印机,但更新win11系统后,却出现同一个办公室里面的打印机都找不到的问题,这该如何处理呢?其实,可能是由于我们并没有打开共享打印机而造成的...

常用电脑快捷键大全,摆脱鼠标依赖,建议收藏

Ctrl+C复制Ctrl+X剪切Ctrl+V粘贴Ctrl+Z撤销Ctrl+Y重做Ctrl+B加粗Ctrl+A全选所有文件Ctrl+S保存Ctrl+N新建Ctrl+O打开Ctrl+E...

Win11实现自动追剧Jellyfin硬解,免NAS复杂操作

大家好,欢迎来到思赞数码。本期将详细介绍如何通过安装和配置Sonarr、Radarr、Prowlarr、qBittorrent和Jellyfin,打造一套自动化的影视管理系统。很多人认为,要实现自动追...

微软Win11安卓子系统WSA 2308.40000.3.0更新推送下载

IT之家9月21日消息,微软官方博客今日宣布,已面向所有WindowsInsider用户推送了Windows11安卓子系统的2308.40000.3.0版本更新。本次更新和之前...

路由器总掉线 一个命令就能猜出八九分

明明网络强度满格或有线图标正常,但视频卡成PPT、网页刷不开、游戏动不了,闲心这些问题很多小伙伴都碰到过。每次都要开关路由、宽带/光猫、插拔网线……一通忙。有没有啥办法能快速确定故障到底在哪儿,方便处...

windows电脑如何修改hosts文件?_windows怎么修改hosts

先来简单说下电脑host的作用hosts文件的作用:hosts文件是一个用于储存计算机网络中各节点信息的计算机文件;作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”,当用户在浏览器中...

win10广告弹窗ShellExperienceHost.exe

win10右下角老是弹出广告弹窗,排查为以下程序引起,但是这个是系统菜单的程序不能动:C:\Windows\SystemApps\ShellExperienceHost_cw5n1h2txyewy\S...

Win10 Mobile预览版10512/10166越狱解锁部署已被黑客攻破

看起来统一的WindowsPhone和Windows越加吸引人们的关注,特别是黑客们的好奇心。XDA论坛宣称,在Win10Mobile预览版10512/10166上,已取得越狱/解锁部署突破,比如可...

6款冷门小众软件,都是宝藏,建议收藏

真的很不错(。-ω-)zzzBearhttps://bear.app/cn/Bear是一个漂亮,灵活的Markdown的写作工具。它一样只支持苹果家的全平台。它一出现就惊艳四方,就被AppSto...

如何让不符合条件的设备升级Windows 11

如果你是最近(6月24日之后)加入WindowsInsider项目并且你的设备并不符合升级条件,那么当你在尝试升级Windows11的时候可能会看到以下错误:你的PC不符合Wi...

windows host文件怎么恢复?局域网访问全靠这些!

windowshost文件怎么恢复?windowshost文件是常用网址域名及其相应IP地址建立一个关联文件,通过这个host文件配置域名和IP的映射关系,以提高域名解析的速度,方便局域网用户使用...

Mac Hosts管理工具---SwitchHosts

switchhosts!formac是一款帮助用户快速切换hosts文件的工具,switchhosts!formac能够帮助你快速方便的打造个人专用的网络环境,支持本地和在线两种方式,并且支持...

「浅谈趣说网络知识」 第十二弹 老而不死的Hosts,它还很有用

【浅谈趣说网络知识】第十二弹老而不死的Hosts,它还很有用什么时候才觉得自己真的老了,不是35岁以上的数字,不是头上的点点白发,而是不知觉中的怀旧。风口上的IT界讲的就是"长江后浪推前浪...

取消回复欢迎 发表评论: