前言 每次写点东西都扯两句-0-,这几天一半精力放在移动端,一半维护之前的项目。书也少看了,不过还好依旧保持一颗学习的心。对于css3我是之前有专门整理过的,因此对于原理之前也算了解。今天是项目中遇到一个效果,来整理一下。 正文 首先我们可以找到微信的语音播放效果。这里自行打开手机微信进行 ...
要求就是点击播放按钮,小喇叭开始动,当语音结束后,停止动画。如图: 这需要用到UIImageView的帧动画,该动画可以让一系列图片在特定的时间内按顺序显示出来。需要的素材如下: audio icon 分割线 audio icon 分割线 audio icon 代码如下: 点击按钮的事件 ...
2015-10-20 17:39 0 13059 推荐指数:
前言 每次写点东西都扯两句-0-,这几天一半精力放在移动端,一半维护之前的项目。书也少看了,不过还好依旧保持一颗学习的心。对于css3我是之前有专门整理过的,因此对于原理之前也算了解。今天是项目中遇到一个效果,来整理一下。 正文 首先我们可以找到微信的语音播放效果。这里自行打开手机微信进行 ...
效果图 前台大体呈现效果图如下: 点击就可以播放mp3格式的录音。点击另外一个录音,当前录音停止! 思路 关于播放动画,这个很简单,我们可以用css3的逐帧动画来实现。关于逐帧动画,我之前的文章也写过:http://www.haorooms.com/post/zhuzhen_dh ...
HTML部分: CSS部分: JS部分: ...
效果图 前台大体呈现效果图如下: 点击就可以播放mp3格式的录音。点击另外一个录音,当前录音停止! 思路 关于播放动画,这个很简单,我们可以用css3的逐帧动画来实现。关于逐帧动画,我之前的文章也写过:http://www.haorooms.com/post/zhuzhen_dh ...
HTML部分: css部分: JS部分: ...
需要导入 #import <AVFoundation/AVFoundation.h> 利用此框架中的 AVAudioRecorder和AVAudioPlayer来录音和播放以下是AVAudioRecorder录音的使用方法 ...
主要实现了点击喇叭可实现动画效果,再次点击可静止。 React中, jsx部分:设置喇叭基本样式,以及触发事件等。 关于className的解释:关于是否点击按钮,来判断喇叭展示的样式。(鄙人能力不够,只能通过这种方法控制 ...
今天在做砍价页面的时候需要将一个按钮动起来,效果图如下: 其实它实现的原理很简单,就是循环的缩小放大。 css3中的animate 有个属性是 animation-iteration-count 可以控制动画的循环播放,但是小程序里面没有。该怎么实现呢? 无非就是2种状态的切换 ...