吉特巴舞曲《唱著歌兒嗨起來》（搬版主的代碼）

寒冬殘荷

195400 發表于 2022-9-21 20:34
我試試看看有什么不同

試過了，給各位報告一下，電腦微信打開可以自動播放，手機則不行。

我沒有安裝微信電腦版。我是用微信網頁版，把電腦上的東西傳到手機。

這個乚RC代碼在手機上真的能自動播放音樂。

寒冬殘荷

剛才在網上搜索了一下，得到如下的一段文字：

解決HTML5中的audio在手機端和微信端的不能自動播放問題
audio在手機端和微信端添加了autoplay以后還是不可以自動播放，這是因為手機端為了節約流浪所設置的。
<audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">該瀏覽器不支持audio屬性</audio>
解決方法:
//--創建頁面監聽，等待微信端頁面加載完畢 觸發音頻播放。
document.addEventListener('DOMContentLoaded', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);
    }
    audioAutoPlay();
});
//--創建觸摸監聽，當瀏覽器打開頁面時，觸摸屏幕觸發事件，進行音頻播放
document.addEventListener('touchstart', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
    }
    audioAutoPlay();
});
還有一種針對蘋果的手機微信端的解決方法
第一步:引入js文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
第二步:配置文件
<script>
        function autoPlayVideo(){
            wx.config({
                debug:false,
                appId:"",
                timestamp:1,
                nonceStr:"",
                signature:"",
                jsApiList:[]
            });
            wx.ready(function(){
                var autoplayVideo=document.getElementById("audio");
                autoplayVideo.play()
            })
        };
        autoPlayVideo();
</script>
這樣在網絡穩定的情況下是可以自動播放的。

寒冬殘荷

寒冬殘荷 發表于 2022-9-21 21:16
剛才在網上搜索了一下，得到如下的一段文字：

解決HTML5中的audio在手機端和微信端的不能自動播放問題

老師們你們能看得懂，我是看不懂的

195400

寒冬殘荷 發表于 2022-9-21 21:17
老師們你們能看得懂，我是看不懂的

若不是你們在這討論手機的問題，我就不會想到還有手機瀏覽的事，電腦上都嫌字小手機就不要考慮了

195400

吉特巴舞曲-
《唱著歌兒嗨起來》

寒冬殘荷

195400 發表于 2022-9-21 19:42
看看這個是不是自動播放

這個在手機上不能自動播放。

寒冬殘荷

195400 發表于 2022-9-22 06:26
@import  "http://cesholl.cn3v.work/sstyle/lrcPlayerZ.min.css";

#div1{position:relative; width:  ...

這個在手機上能自動播放。

寒冬殘荷

195400 發表于 2022-9-21 21:32
若不是你們在這討論手機的問題，我就不會想到還有手機瀏覽的事，電腦上都嫌字小手機就不要考慮了

在手機上看方便，到哪都可以看看呀。而且我注冊的網站，就這個網站能在微信中打開瀏覽。用手機自帶的瀏覽器也能看，但有廣告，我討厭！微信中打開這個論壇目前沒看到廣告，我喜歡。

寒冬殘荷

195400 發表于 2022-9-21 21:32
若不是你們在這討論手機的問題，我就不會想到還有手機瀏覽的事，電腦上都嫌字小手機就不要考慮了

我也嫌字小，但我帶老花鏡。反正我現離不開老花鏡，在電腦上字大我也是要帶老花鏡，否則看不到字。

寒冬殘荷

我沒什么喜歡的，就喜歡看音畫代碼，覺得很神奇，寫寫幾行代碼就得到漂亮的畫面。所以我發帖目的是有空時用手機看看音樂代碼得到的神奇畫面和聽聽我喜歡的音樂。