今天是315，前两天叔给大家打了个“假”，介绍了很多“假H5”，不明觉厉的同学可以回顾一下：“揭秘这几类“假H5”，是怎么骗我们的”
文章里预告了今天会给大家放教程，教的就是这个最近刷屏朋友圈的“荔枝FM声鉴卡”。
上篇里叔告诉了大家，“假H5”的原理，具体到这个案例里，就要有请伍婶儿了，下面欢迎伍婶儿来给大家进行案例分析和制作教程~
打开案例首先是输入姓名，选择性别，然后点击声音鉴定进入下一页；第二页是声音鉴定页面，长按“按住录音”按钮，时间条和计时器会随之变化，按住时间不足5秒松开会提示按住时间不够，同时时间条计数器都归零，按住时间大于等于5秒后松开手指，会提示分析成功，点击查看结果后会跳转第三页；第三页是结果页，会有分析结果显示，分析结果有男女各三个类型和四个比值。 制作之前建议大家先看一下官网的计数器、变量的教学视频，方便大家更好的学习这个案例~
一、放素材 1、创建作品，添加一个移动设备，添加三个页面，分别是首页、录音页、结果页；
2、在将素材分别拖入对应的3个页面中，在首页输入姓名的地方添加一个输入框，设置输入框透明背景为yes，将妹纸和汉纸的选中效果放在一个容器里，用两个透明按钮将妹纸和汉纸都覆盖，在声音鉴定位置添加一个透明按钮；
3、在录音页添加透明按钮，将按住录音按钮覆盖，将time条放在一个等大的透明按钮中，用时间bg图片覆盖。将分析成功提示和时间太短提示放在一个容器下；
4、在结果页添加两个容器，分别放置计数器和结果，结果容器中再放入两个容器，分别放置汉纸和妹纸的结果
二、交互 5、在首页，给输入框添加一个事件，输入不为空，鉴定按钮显示，避免未命名直接跳转页面；给妹纸透明按钮添加事件： （1）轻触，妹纸选中效果，隐藏同层控件 （2）轻触，结果页的汉纸容器，隐藏同层控件，汉纸同理；
6、给鉴定按钮添加事件组，轻触之后：
（1）输入框传值到结果页的名字文本，来生成结果页的名字；
（2）计数器生成随机数最小值1，最大值3；
（3）跳转下一页。
给计数器添加事件，当计数器等于1时，青叔音图片和少萝音图片隐藏同层控件；当计数器等于2时，青年音图片和御姐音图片隐藏同层控件；计数器等于3同理。
用这一步来决定结果页随机显示哪一张结果图片；
7、在移动设备下添加两个变量，分别命名为比大小和时间长度，时间长度的变量名称设置为length；
8、在第二页中将时间条透明按钮放入一个容器中，将这个容器命名为计时，这个容器里面都是实现计时功能的工具；在这个容器中添加一个1S的时间轴，再添加一个计数器，计数器绑定变量“时间长度”，设置计数器的最大值为5，最小值为0，给时间轴添加事件，时间轴结束，计数器加1；给计数器添加事件计数器数值变化，给“透明按钮”时间条设置属性，宽为$length*50,这样就可以使时间条和计数器同步变化，注意时间条透明按钮剪切属性要打开；
