[[UIDevice currentDevice] setProximityMonitoringEnabled:NO];   //建议在播放之前设置yes,播放结束设置NO,这个功能是 //添加监听 self @selector(sensorStateChange:) @"UIDeviceProximityStateDidChangeNotification" nil]; //处理监听触发事件 void)sensorStateChange:(NSNotificationCenter *…
[[UIDevice currentDevice] setProximityMonitoringEnabled:YES]; //建议在播放之前设置yes,播放结束设置NO,这个功能是开启红外感应 //添加监听 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(sensorStateChange:) name:@"UIDeviceProximityStateDidChangeNotification&…
关于流媒体播放的相关知识可以加本人QQ:564702640 一起来讨论 [[UIDevice currentDevice] setProximityMonitoringEnabled:YES]; //建议在播放之前设置yes,播放结束设置NO,这个功能是开启红外感应 //添加监听 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(sensorStateChange:) name:@"UIDevice…
效果图 前台大体呈现效果图如下: 点击就可以播放mp3格式的录音.点击另外一个录音,当前录音停止! 思路 关于播放动画,这个很简单,我们可以用css3的逐帧动画来实现.关于逐帧动画,我之前的文章也写过:http://www.haorooms.com/post/zhuzhen_dh 图片如下: 除了动画之外,剩下的就是js对audio的控制了. html5 audio 关于html5 audio标签,有很多属性,大家可以搜索一下,例如preload.autoplay.loop.controls等等…
自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,,  代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…
前言 每次写点东西都扯两句-0-,这几天一半精力放在移动端,一半维护之前的项目.书也少看了,不过还好依旧保持一颗学习的心.对于css3我是之前有专门整理过的,因此对于原理之前也算了解.今天是项目中遇到一个效果,来整理一下. 正文 首先我们可以找到微信的语音播放效果.这里自行打开手机微信进行查看.之前后台提起用gif动画,但是对于gif动画有两个难点:1.谁来画?(抱歉这种东西没有设计师来搞前端是不做的.)2.移动端你跟我提用gif? 很显然,必须用css3来搞.不过之前写js写的多了,发现css…
html结构如下: <div class="app-voice-you" voiceSrc="xx.mp3"> <img class="app-voice-headimg" src="xx.png" /> <div style="width: 60%;" class="app-voice-state-bg"> <div class="a…
HTML部分: <div class="tab-pane fade dialog-record" id="dialogRecord"> <volist name="dialogRecord" id="record"> <div class="dialog"> <span class="time">{$record.time}</spa…
HTML部分: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>语音助手</title> </head> <body> <div class="dialog-container"> <div class="audio-animation"> <div…
背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐 出现的问题:在安卓手机上正常,iOS中没有反应 后来网上一番搜索后了解到时因为iOS不允许自动播放音乐,除非用户做出了交互行为 解决方案:1.如果是在页面刚加载就需要自动播放音频的话还是比较好办的,可以利用微信提供的api来实现(应该是内部做了一些修改) // 通过config接口注入权限验证配置后, 在 ready 中 play 一下 audio function autoPlayAudio1()…