How to solve the problem that audio cannot be played automatically on mobile phone and WeChat?

This article introduces the relevant knowledge of "how to solve the problem that audio cannot be played automatically on mobile phone and WeChat". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The usual solution is to give an interactive event:

Label:

The browser does not support the audio attribute

Solution:

/ /-- create a page monitor, and wait for the Wechat page to load to trigger the audio playback document.addEventListener ('DOMContentLoaded', function () {function audioAutoPlay () {var audio = document.getElementById (' audio'); audio.play (); document.addEventListener ("WeixinJSBridgeReady", function () {audio.play ();}, false);} audioAutoPlay ();}) / /-- create touch listening. When the browser opens the page, touch the screen triggers an event to play document.addEventListener ('touchstart', function () {function audioAutoPlay () {var audio = document.getElementById (' audio'); audio.play ();} audioAutoPlay ();} audio ())

There is also a solution for Apple's mobile WeChat end.

Step 1: introduce the js file

Step 2: configuration file

Function autoPlayVideo () {wx.config ({debug:false, appId: ", timestamp:1, nonceStr:", signature: ", jsApiList: []}); wx.ready (function () {var autoplayVideo=document.getElementById (" audio ") AutoplayVideo.play ()}; autoPlayVideo ()

In this way, it can be played automatically when the network is stable.

This is the end of the content of "how to solve the problem that audio cannot be played automatically on mobile phone and WeChat". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!