Eine Lösung für das Problem, dass Hintergrundmusik auf h5-Seiten nicht automatisch abgespielt werden kann

Lösung: Hören Sie sich das WeixinJSBridgeReady-Ereignis und das DOMContentLoaded-Ereignis an
Die JS-API von WeChat basiert auf dem integrierten JS-Objekt WeixinJSBridge des WeChat-Shell-Browsers. WeixinJSBridge ist nicht verfügbar, sobald Die WebView wird geöffnet. Der Client muss dieses Objekt initialisieren. Wenn das Objekt bereit ist, löst der Client das Ereignis „WeixinJSBridgeReady“ aus.
Es wurde festgestellt, dass einige Modelle auf DOMContentLoaded- und Ladeereignisse hören und auch Musik im Rückruf abspielen können;
Um auf der sicheren Seite zu sein, können Sie daher zuhören auf zwei Veranstaltungen gleichzeitig übertragen werden, um die Anwendbarkeit zu verbessern.
Der Code lautet wie folgt:
<audio style="display:none; height: 0" id="bg-music" preload=" ;auto" src="bg-music.mp3" loop="loop"></audio>

document.addEventListener('DOMContentLoaded', function () {     function audioAutoPlay() {         var audio = document.getElementById('bg-music');             audio.play();         document.addEventListener("WeixinJSBridgeReady", function () {             audio.play();         }, false);     }     audioAutoPlay( ); });








Guess you like

Origin blog.csdn.net/u010439874/article/details/133365425