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