1. 程式人生 > >ios微信H5網頁沒有聲音的解決方法

ios微信H5網頁沒有聲音的解決方法

一、問題描述

在做微信網頁抽獎開發時,點選抽獎需要新增音效, 正常情況下,直接呼叫audio標籤的play方法即可,但是在ios微信端不起作用。

二、解決方法

通過WeixinJSBridge呼叫play方法,如下:


// lotteryAudio為audio標籤的id
var oAudio = document.getElementById('lotteryAudio');
if (window.WeixinJSBridge) {
	WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
		oAudio.play();
	}, false
); } else { document.addEventListener("WeixinJSBridgeReady", function () { WeixinJSBridge.invoke('getNetworkType', {}, function (e) { oAudio.play(); }); }, false); } oAudio.play();

相關推薦

iosH5網頁沒有聲音解決方法

一、問題描述 在做微信網頁抽獎開發時,點選抽獎需要新增音效, 正常情況下,直接呼叫audio標籤的play方法即可,但是在ios微信端不起作用。 二、解決方法 通過WeixinJSBridge呼叫pla

掃一掃跳轉到非官方網頁提醒頁面解決方案

測試時,本來打算通過微信掃一掃,開啟一張圖片,發現會跳轉到如下一個頁面: 妹的,我用的可是騰訊雲cos的服務,自家的騰訊雲地址都不認。 解決方案: 把圖片域名繫結為一個公眾號的業務域名,也就是白名單啦,讓微信認為這是一個安全的域名。   需要注意的是,把

h5網頁標籤跳轉到手機預設瀏覽器的實現方式

很多朋友的推廣連結需要在微信中進行的網頁宣傳、傳播、等等,但是各位朋友一定發現了微信中是遮蔽掉了APP的下載連結的。 但是微信最為一個最大的社交平臺,為了自身的利益,遮蔽掉了很多連結。我們要怎麼解決這個問題呢?   基於微信介面開發了一款全新的手機端微信中的推廣,通過這個程

h5網頁標簽跳轉到手機默認瀏覽器的實現方式

提示 app 這樣的 targe target 傳播 技術分享 宣傳 怎麽 很多朋友的推廣鏈接需要在微信中進行的網頁宣傳、傳播、等等,但是各位朋友一定發現了微信中是屏蔽掉了APP的下載鏈接的。 但是微信最為一個最大的社交平臺,為了自身的利益,屏蔽掉了很多鏈接。我們要怎麽解決

h5網頁如何實現跳轉到手機預設瀏覽器

最近,在使用QQ和微信等SDK來實現分享網頁的時候,發現,SDK已經為頁面跳轉回應用提供了基本的資料支援。我們只需在應用裡和被分享的網頁進行簡單的設定,即可實現此功能。     那麼我們先來看下網頁跳轉回應用的實現原理。 就Android平臺而言,URI主要分三個部分:sche

黃聰:詳解申請h5支付方法,開通h5網頁支付介面(轉)

現在大街小巷的商家都在使用微信支付,但是一些商家使用的是個人微信收款,這個雖然很便利,但是如果你想要資料統計彙總,讓客戶在網路上線上付款,就需要用到微信的h5支付。 微信h5支付 今天子恆老師跟你分享一下,怎麼開通h5支付。 一、 申請開通微信h5支付前要做的準備 並不是每個人都能

ios客戶端中聲音無法播放

html中audio標籤<audio src="http://wx.masrbs.com/Addons/HFive/View/default/Public/music/flipsound.mp3" id="Jaudio" class="media-audio" prel

h5網頁點選連結跳轉到預設瀏覽器是怎麼弄的?

  最近遇到一個需求、朋友找我製作一個在微信中的聊天框,或者公眾號選單釋出一條連結或者二維碼。跳出微信開啟一個指定的

小程序圖片變形解決方法

圖片 images ima http 默認 高度 asp 模式 ges 微信小程序的image標簽中有個mode屬性,使用aspectFill即可 註:image組件默認寬度300px、高度225px mode 有效值: mode 有 13 種模式,其中 4 種是縮放模式,

php token校驗失敗 解決方法

<?php namespace app\user\controller; use think\Controller; use think\Session; use think\Db; use think\Request; //微信訊息接收 class Wx

分享突然失效的解決方法記錄

最近之前寫過的微信分享突然不好用了,確認沒有更改過任何程式碼。 解決思路,跟蹤微信分享介面API,看問題主要出現在什麼地方。  wx.config({   debug: false, 將debu

關於登陸報錯的解決方法 Caused by: java.lang.IllegalStateException: Activity

先上圖   這種報錯 網上找了許久  找到了解決方法 把微信回撥那個activity  該成  這樣的就可以了  <activity android:name=".wxapi.WXEntryActivity" andr

小程式非同步請求解決方法

小程式一般需要用token,去識別使用者身份,每次獲取到token之後,再進行下一步操作。再獲取到token之後,將token同步快取, app.js: login: function () { var that = this; retur

IOS搖一搖聲音無法播放解決辦法

在IOS中第一次呼叫play方法播放音訊會被阻止,必須得等使用者有互動動作,比如touchstart,click後才能正常呼叫,所以可以在搖一搖之前提醒使用者點選一下開始遊戲的按鈕或者給使用者一個彈窗,使用者點選的時候播放一個超級短的無聲音檔案,之後替換src,

基於應用寶實現h5頁面中開啟本地app,如果沒有跳轉下載頁面的解決方案

首先這個方法是基於微信中開啟的h5頁面的,如果是外接瀏覽器的話則無論是否有該app都會執行下載 <a href="http://d.xiaojukeji.com/c/73852">

h5頁面禁止下拉出現網頁來源等

技術分享 來源 分享 lsp highlight pan align alt ace 1.可以給document的touchmove事件禁止掉就行了 1 2 3 document.querySelector(‘body‘).addEventListe

iOS支付demo運行報錯解決如下

art llb readme ring -objc override 項目 技術 cep 要接入微信支付的小夥伴,首先要下載一份官方demo(APP微信支付官方Demo下載),然後打開工程,準備大幹一場。 1、編譯報錯 編譯的時候居然直接報錯了(orz) 錯誤提示:

ios瀏覽器click事件不起作用的解決方法

ont func 手機 alert 微信 搜索 pan font js代碼 $(document).on( "click", ".weui_cell", functi

解決IOS內置瀏覽器返回後不執行js腳本的問題

style load 返回 on() cti 發現 bsp 內置瀏覽器 false 在A頁面寫一個$(function(){}) 後隨便點擊一個URL跳轉到B頁面 利用微信內置瀏覽器 返回鍵返回到A頁面後發現這段JS不執行,後來找到了解決方案 $(f

h5六人牛牛開發中圖片之間的縫隙解決方法

mage ref htm html cnblogs 解決方法 -s .cn 一行 在h5六人牛牛開發h5.ttkmwl.com項目中,幾個牌之間標簽中間有大約3px的空隙 ,效果非常不好那麽如何解決呢?下面小編給大家分享HTML5中圖片之間的縫隙完美解決方法,需要的的朋友參