# 实测！小程序「多媒体能力」大更新，居然还能做直播了？

- 作者：李诚慧
- 发布时间：2017-10-14 18:10
- 原文：https://www.ifanr.com/minapp/923157

![](https://s3.ifanr.com/wp-content/uploads/2017/08/xnl-1.jpeg)

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

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

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

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

### 多媒体和来源探测能力全面升级

这一次，**小程序的多媒体能力在 4 个方面实现了大升级**，这些新功能真的好用吗？知晓程序（微信号 zxcx0101）第一时间为大家实操试了试。

#### 1. 新增相机组件

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

![](https://s3.ifanr.com/wp-content/uploads/2017/10/Artboard-1.jpg)

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

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

![](https://s3.ifanr.com/wp-content/uploads/2017/08/map-bug.png)

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

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

#### 2. 录音功能优化

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

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

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

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

#### 3. 音频播放功能提升

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

#### 4. 其它优化

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

### 完善访问信息来源

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

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

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

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

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

### 彩蛋

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

![](https://s3.ifanr.com/wp-content/uploads/2017/10/xnl3.jpg)

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

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

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

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

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

**关注「知晓程序」公众号 👇**

- 在微信后台回复「**新能力**」，获取小程序新能力全解读**。**
- 在微信后台回复「**666**」，领取小程序开发 demo。

![](https://s3.ifanr.com/wp-content/uploads/2017/09/bottomqrcode.gif)