IOS微信搖一搖聲音無法播放的解決辦法
更新時間：2018年05月23日 09:45:49 作者：東都花神
這篇文章主要為大家詳細介紹了IOS微信搖一搖聲音無法播放的解決辦法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
在IOS中第一次調(diào)用play方法播放音頻會被阻止，必須得等用戶有交互動作，比如touchstart，click后才能正常調(diào)用，所以可以在搖一搖之前提醒用戶點擊一下開始游戲的按鈕或者給用戶一個彈窗，用戶點擊的時候播放一個超級短的無聲音文件，之后替換src，這樣再調(diào)用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 提供設(shè)備加速度信息
*/
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>
在線查看
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
iOS開發(fā)中UIPopoverController的使用詳解
這篇文章主要介紹了iOS開發(fā)中UIPopoverController的使用,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了iOS將視頻錄像切成一張張縮略圖的相關(guān)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要給大家介紹了關(guān)于ios xcode警告與錯誤的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對各位iOS開發(fā)者們具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
實例講解如何在iOS應(yīng)用開發(fā)中使用設(shè)計模式中的代理模式
這篇文章主要介紹了實例講解如何在iOS應(yīng)用開發(fā)中使用設(shè)計模式中的代理模式,示例為傳統(tǒng)的Objective-C語言代碼,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了IOS 基本文件操作實例詳解 的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了IOS繪制動畫顏色漸變折線條的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要給大家介紹了關(guān)于如何去掉Xcode工程中某種類型的警告，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用Xcode具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
基于iOS Realm數(shù)據(jù)庫的使用實例詳解
下面小編就為大家分享一篇基于iOS Realm數(shù)據(jù)庫的使用實例詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
在iOS開發(fā)中，時常會用到按鈕，通過按鈕的點擊來完成界面的跳轉(zhuǎn)等功能。具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-01-01
最常見的二維碼功能包括信息獲取、網(wǎng)站跳轉(zhuǎn)、電商交易、手機支付等等，其擁有密度小、信息容量大、容錯能力強、成本低、制作難度低等優(yōu)點。在移動開發(fā)中，二維碼的地位也越來越重要，掌握二維碼的基本操作是重要的本領(lǐng)之一。本文將講解iOS定制二維碼的步驟與方法。2017-03-03