实测!小程序「多媒体能力」大更新,居然还能做直播了?

作者:李诚慧、郑智文

熟悉的夜晚,久违的更新。

在昨天晚上,微信小程序又全面升级了包括录音、拍照摄像、视频播放等多向多媒体能力,同时还进一步完善访客来源数据,让你能清晰看到这些用户是从哪些渠道来的。

关注「知晓程序」公众号,微信后台回复「新能力」,查看小程序新能力全解读。

下面,知晓程序(微信号 zxcx0101)就来一一为大家梳理一下本次有哪些更新。同时,我们在文末还准备了一个微信没有告诉你的「新能力」和小羊毛,不要错过哦。

多媒体能力全面升级

这一次,小程序的多媒体能力在 4 个方面实现了大升级,这些新功能真的好用吗?知晓程序(微信号 zxcx0101)第一时间为大家带来了上手实操。

1. 新增相机组件

支持自定义拍照及录像界面,以及拍照、录制的文件质量。用户的拍摄体验将更加有趣,并且小程序可为用户提供更多自定义选项。

开发者在小程序界面中引用相机也很简单,只需要在 WXML 文件中插入 <camera / > 元素,并为其指定尺寸,在小程序中就能看到取景框了。

但尴尬的是,小程序的 <camera / > 组件面临与地图组件同样的问题:由于优先级过高,会导致该组件会覆盖在小程序其他视觉组件之上。

好处 Meetbest」小程序使用地图组件时,遇到的元素优先级问题。

在开发的过程中,开发者需要多多注意这方面的问题。

2. 录音功能优化

在此次新能力更新中,小程序内的录音功能也得到彻底的优化。

新版本基础库中,小程序将更多格式的音频文件输出,以及更多操作方式,同时支持自定义录音时长、采样率码率。

同时,新基础库还允许小程序一边录制、一边传输至服务器。这样做,除了可以减少用户等待时间,还令在小程序里语音直播,在技术上成为可能。

随着录音能力的提升,开发者将可以实现音频节目录制、即时语音识别等更多玩法。

3. 音频播放功能提升

小程序内音频播放功能升级,支持更多格式和操作方式,用户可以听到音质更完美的音频内容,享受更高质量,沉浸式的使用体验。

4. 其它优化

视频播放、地图及画布功能持续优化,如支持简单的动画效果等。

完善访问信息来源

以往,小程序只能准确探测来源微信群的信息,对于其他渠道进入小程序时,小程序只能得知渠道类型,并不能了解来源的详细信息

在新能力中,开发者可以通过新的接口,了解小程序用户从具体哪一条模板消息、哪一个小程序或 App 跳转进入目标小程序

目前,从以下三种渠道进入的,开发者可以获取更详细的来源信息:

  • 从公众号模板消息,自定义菜单等场景进入小程序,开发者将可以获得来源公众号信息。
  • 从关联的其他小程序,进入自己的小程序,开发者将可以获得来源的其他小程序信息。
  • 从 App 分享消息卡片,进入小程序,开发者将可以获得来源 App 的信息。

需要注意的是,这些更详细的来源信息只能通过小程序代码获取,微信并没有在数据统计中给出相应的统计信息。

彩蛋

除了小程序新能力与基础库更新,知晓程序(微信号 zxcx0101)还发现,微信又悄悄地扩充了「搜一搜」的能力

现在,绑定广东手机的微信用户,在「搜一搜」里搜索「话费」时,可以直接查看相应手机的话费余额和剩余流量

点击即会跳转到「手机余额查询」小程序,这是腾讯官方推出的小程序,安全有保障。

关注「知晓程序」微信公众号,回复「亲儿子」,查看腾讯自己做的所有小程序名单。

同时,你还能在这个小程序中获得 2 元话费券。领取后,下次在微信里直接充值话费,就能直接抵扣 2 元喔。

如果你不在广东也不要紧,相信「搜一搜」的这个新功能,很快就会推广到全国

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2017-10-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT派

GitHub最流行语言:JS 还第一,Python 反超 Java

转自:开源中国 ? GitHub Universe 是 GitHub 的年度盛会,今年10月10-12日,GitHub Universe 大会在旧金山召开。同时...

3788
来自专栏竹清助手

如何优化长尾关键词

对于很多小站长或者刚入职的推广人员来说,负责行业的核心关键词应该早就被其他竞争对手给抢先占有排名了,短期内应该是无法通过正常的seo优化来抢夺流量,因此长尾关键...

904
来自专栏web前端教室

web前端不止是JS和CSS,还有诗和远方。谈WEB前端工程化

标题起的有点骚包哈,其实是说,WEB前端的主战场是“前端工程化”。 前端就前端呗,为啥还要加个“工程化”? 很简单,因为前端变复杂了。复杂到必须把一个个网页切成...

2347
来自专栏程序员的知识天地

web前端知识体系大全,教你如何学习前端!

大约在几个月之前,让我看完了《webkit技术内幕》这本书的时候,突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中,形成一个完整的web前...

2382
来自专栏无原型不设计

如何规范移动应用交互设计?UI/UX设计师须知的11个小技巧

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。

4129
来自专栏前端桃园

如何学习一个框架

昨天我在一个群里有一个人在问,谁会 rxjs?我当时其实还有点好奇,对于 rxjs 我一直觉得很难,前阵子我也一直在研究。

2121
来自专栏花叔的专栏

为学cocos,和机友做了个重力小游戏

于是,趁着小游戏发布之际,一边学createjs一边发布了个人第一款小游戏:最强坦克,现在每逢周末都会或多或少地迭代一下。

1663
来自专栏C语言及其他语言

趣味web网页大集结

身边学web和php的有些少啊.....【难受】 但是web网页确实能带来别样的欢乐.... 今天给大家带来几个有趣的网页 经典蓝屏界面 ? 现在你讨厌的蓝屏...

3025
来自专栏IMWeb前端团队

积木系统,将运营系统做到极致

本文作者:IMWeb 江源 原文出处:IMWeb社区 未经同意,禁止转载 积木系统上线半年,取得了些成绩,也暴露出不少问题,加上 2.0 版本也准备开...

2.6K5
来自专栏ytkah

微信公开课发布微信官方教程:教你用好微信JS-SDK接口

微信公众平台开放JS-SDK(微信内网页开发工具包),说明文档已经有相关使用方法和示例了,很多同学觉得不是很直观,为此微信公开课发布微信官方教程:教你用好微信...

4454

扫码关注云+社区

领取腾讯云代金券