IOS中微信摇一摇声音无法播放解决办法
来源:互联网 发布:淘宝销售工资一般多少 编辑:程序博客网 时间:2024/06/07 00:34
在IOS中第一次调用play方法播放音频会被阻止,必须得等用户有交互动作,比如touchstart,click后才能正常调用,所以可以在摇一摇之前提醒用户点击一下开始游戏的按钮或者给用户一个弹窗,用户点击的时候播放一个超级短的无声音文件,之后替换src,这样再调用play方法就可以了。
代码如下如:
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title></head><body> <button>开始游戏</button> <audio src="https://daoket.github.io/img/load.mp3" id="audio"></audio> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $('button').one('touchstart', function () { var audio = document.getElementById("audio"); audio.play(); audio.setAttribute('src', 'https://daoket.github.io/img/shake.mp3'); audio.load(); $(this).text('游戏进行中'); }) /** * 移动端摇一摇 * @params devicemotion 提供设备加速度信息 */ window.addEventListener('devicemotion', devicemotionHandler, false); var x, y, z, last_x, last_y, last_z, last_time = 0, SHAKE_SPEED = 4000; function devicemotionHandler (evet) { var acc = event.accelerationIncludingGravity, curTime = new Date().getTime(), diffTime = curTime - last_time; if (diffTime > 100) { last_time = curTime; x = acc.x; y = acc.y; z = acc.z; var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000; if (speed > SHAKE_SPEED) { document.getElementById("audio").play() } last_x = x; last_y = y; last_z = z; } } </script></body></html>
在线查看
0 0
- IOS中微信摇一摇声音无法播放解决办法
- Qt:QSound无法播放.wav声音的解决办法
- soundpool无法播放声音
- IOS-播放声音,中断声音
- iOS播放系统声音
- iOS-播放系统声音
- iOS播放系统声音
- ios 播放声音
- ios播放声音
- iOS播放系统声音
- ios 播放系统声音
- iOS 播放简短声音
- iOS 程序播放声音
- iOS播放声音
- iOS 声音播放
- ios 播放系统声音
- ios 播放声音 播放震动
- iOS 播放系统声音&系统声音大全
- Curator在大数据集群可靠性中的应用以及改进
- 相关技能:ssh远程终端、VNC远程桌面、挂载远程目录
- 166_07_集合_SortedSet_集合详解_03_比较器Comparator
- mysql 显示行号,以及分组排序
- JavaScript 1.10 RegExp类型—正则表达式的使用方法(部分转载)
- IOS中微信摇一摇声音无法播放解决办法
- Retrofit+RxJava 简单封装
- 腾讯课堂结业作业
- unique-binary-search-trees-ii
- 欢迎使用CSDN-markdown编辑器
- LeetCode | 563. Binary Tree Tilt
- 真_u3d程序员,基本脚本语法篇
- Ember.js的那些坑
- 网络攻击介绍