資訊專欄INFORMATION COLUMN
摘要：但在微信瀏覽器中，我們可以添加來解決這一問題。搖一搖若上述解決方案依舊無法播放聲音，可以簡單采用下面這種方法使用這種解決方案只能滿足微信瀏覽器在端還是會(huì)存在無法播放聲音問題上面采用的手機(jī)搖一搖事件庫推薦的手機(jī)音頻播放庫花神的博客簡書大俊
Description
IOS系統(tǒng)中無法自動(dòng)播放media，必須由用戶發(fā)出交互動(dòng)作（如click, touchstart）才能播放。
但在微信瀏覽器中，我們可以添加WeixinJSBridgeReady Listener來解決這一問題。
Page JavaScript
var audio = document.getElementById("audio_start_shake");
document.addEventListener("WeixinJSBridgeReady", function weixinjsbridgeready() {
audio.load();
}, false);
//搖一搖Listener
window.addEventListener("shake", function shakeListener() {
audio.play()
}, false);
若上述解決方案依舊無法播放聲音，可以簡單采用下面這種方法
var audioAutoPlay = function (el) {
var audio_el = document.getElementById(el);
audio_el.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio_el.play();
}, false);
}
//使用
audioAutoPlay("audio_start_shake")
Option
這種解決方案只能滿足微信瀏覽器,在PC端還是會(huì)存在無法播放聲音問題
上面采用的手機(jī)搖一搖事件庫
推薦的手機(jī)音頻播放庫
alanoy.com
花神的博客
簡書-Leo_大俊
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/83699.html
摘要：原文出處最近要寫一個(gè)微信網(wǎng)頁，需要監(jiān)聽手機(jī)搖動(dòng)事件，并且伴隨有聲音在，事件特性的運(yùn)動(dòng)傳感器的封裝時(shí)間裝置，你可以通過改變運(yùn)動(dòng)時(shí)間獲取設(shè)備的狀態(tài)，加速和其他數(shù)據(jù)有另一個(gè)角度事件提供設(shè)備，定位等信息。 原文出處：http://i.jakeyu.top/2016/05/0... 最近要寫一個(gè)微信網(wǎng)頁，需要監(jiān)聽手機(jī)搖動(dòng)事件，并且伴隨有聲音 在HTML5，devicemotion事件devic...
摘要：在版本上，安卓系統(tǒng)上的渲染就有鋸齒，后來我們不分效果是使用圖片實(shí)現(xiàn)的，汗啊第三方組件不全。搖一搖問題的解決在我們使用了等狀態(tài)管理時(shí)，熱更新不會(huì)更新這些代碼，而頻繁搖一搖實(shí)在是太累了。此時(shí)可以使用此時(shí)相當(dāng)于虛擬了一個(gè)搖一搖事件。 公司本年度有App任務(wù)，陸陸續(xù)續(xù)用RN開發(fā)了兩個(gè)應(yīng)用。一款是涉及儀器控制的平板項(xiàng)目，另一款是客戶端的App。下文談?wù)勈褂肦N開發(fā)的部分認(rèn)知(其實(shí)只是隨便扯一扯，...
閱讀 1416·2021-10-08 10:05
閱讀 3060·2021-09-26 10:10
閱讀 883·2019-08-30 15:55
閱讀 504·2019-08-26 11:51
閱讀 441·2019-08-23 18:10
閱讀 3849·2019-08-23 15:39
閱讀 658·2019-08-23 14:50
閱讀 767·2019-08-23 14:46
