2.微信录音

老赵发表于:2015年02月27日 11:49:49更新于:2018年09月12日 13:20:40

   

微信录音组件和微信拍照组件一起上线,如果两个结合起来,可以做很有趣的交互内容,比如,用户可以用自己的照片配合语音,发送个性化的微信贺卡;发张活动现场的照片、再配合一段语音解说......

微信录音新增语音识别功能,结合参数触发器互动更添趣味。

00154efeb821287d67efb19f085057d


微信给大家提供了方便的功能,我们整合进来,然后就要看大家的创意了。

 使用须知

(A)体验版/基础版账号用户的作品,将会出现“Epub360 免费技术支持”字样;
(B)专业版用户不会出现提示“Epub360 免费技术支持”提示信息;
(C)使用微信拍照组件,限于认证服务号才可以正常使用。大家需要先完成设置微信开发者信息,才能正常使用。

注意:大部分用户如果没有认证的服务号,第3条可以忽略不计,使用默认的意派的服务号即可。

0015b98a194806275515574932132f8

00154ed1c61a07d7aad7dbc25066949



微信录音

步骤详解(图片较大,右键,在新标签页打开图片

001567c04401f64f9e340bf8685994c



 最终效果展示

点击“微信录音”组件,弹出录音页面(如下图),在这里完成录音后点击“确认”后,即可将录音替换到事先设置的音频组件中。

image.png

关于此处的触发器设置,讲解下基本思路:

用户至少需要2个页面:录音页面1播放录音页面2

用户A页面1录音,分享页面2出去;用户B打开H5,直接跳转到页面2中去听录音

因此事先要有一个用来播放录音的音频(默认不要勾选预加载)放置在Materpage页面中。

原理:页面1录音完成后,用替换资源的方式替换M页(Materpage页面)中的音频;这样在页面B中我们就可以听取音频了。(只有放在M页的音频才可以跨页面播放)

具体设置如下:

1.在页面1中放置如下组件:录音组件,提示的图片或文字元素

image.png

2.添加微信录音组件后,给它设置点击时的触发器——替换资源文件——M页中的音频——替换方式为微信语音——点击橙色对号确认。image.png

补充:微信语音分享——如何将H5分享给他人时,听到的是我录制好的声音?

3.将按钮“分享给别人听”、三角提示“点击分享”两个元素初始隐藏;在微信录音的成功时显示它们,详细看上图成功时的触发器设置

给当前页面设置触发器 ——切换到当前页时——指定分享页。

image.png

4.给分享提示设置指定分享页(指定分享页设置详细教程):


要分享的页面即页面2,一般页面2中会设置如图的提示,提示用户B听用户A的录音。

或者添加我也要玩的提示,点击后跳转到录音页面1,这样就可以多次分享。如图:

image.png


语音识别

步骤详解

  1. 添加微信录音组件


001591acbb84febc352dfb123c10673

2.添加参数变量组件,并命名为“语音文字”类型改为文本
001591b1156b91d71d94d9eedd92212

3.在微信录音触发器的成功时执行语音识别微信录音的操作,并关联参数变量“语音文字”

001591b140091bc0277cfdffba47673
001591b167622b3df54c188eb950443
4.在参数变量“语音文字”,设置触发条件“当其等于“明天你好。”时跳转页面”
001591b15a4d434056ba77396d996c9



--------- 不了解设计的程序员不是好客服 ---------------

回复(21)

  1. 1
  2. 2
  3. 末页 >>