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