楼主: 寒冬残荷

吉特巴舞曲《唱着歌儿嗨起来》(搬版主的代码)

[复制链接]

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-21 21:01 | 显示全部楼层
195400 发表于 2022-9-21 20:34
我试试看看有什么不同

试过了,给各位报告一下,电脑微信打开可以自动播放,手机则不行。

我没有安装微信电脑版。我是用微信网页版,把电脑上的东西传到手机。

这个乚RC代码在手机上真的能自动播放音乐。

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-21 21:16 | 显示全部楼层
刚才在网上搜索了一下,得到如下的一段文字:

解决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>
这样在网络稳定的情况下是可以自动播放的。


签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-21 21:17 | 显示全部楼层
寒冬残荷 发表于 2022-9-21 21:16
刚才在网上搜索了一下,得到如下的一段文字:

解决HTML5中的audio在手机端和微信端的不能自动播放问题

老师们你们能看得懂,我是看不懂的

签到天数: 80 天

[LV.6]常住居民II

鲜花(15) 鸡蛋(0)
发表于 2022-9-21 21:32 | 显示全部楼层
寒冬残荷 发表于 2022-9-21 21:17
老师们你们能看得懂,我是看不懂的

若不是你们在这讨论手机的问题,我就不会想到还有手机浏览的事,电脑上都嫌字小手机就不要考虑了

签到天数: 80 天

[LV.6]常住居民II

鲜花(15) 鸡蛋(0)
发表于 2022-9-22 06:26 | 显示全部楼层
吉特巴舞曲-
《唱着歌儿嗨起来》

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-23 09:42 | 显示全部楼层
195400 发表于 2022-9-21 19:42
看看这个是不是自动播放

这个在手机上不能自动播放。

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-23 09:43 | 显示全部楼层
195400 发表于 2022-9-22 06:26
@import  "http://cesholl.cn3v.work/sstyle/lrcPlayerZ.min.css";

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

这个在手机上能自动播放。

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-23 09:46 | 显示全部楼层
195400 发表于 2022-9-21 21:32
若不是你们在这讨论手机的问题,我就不会想到还有手机浏览的事,电脑上都嫌字小手机就不要考虑了

在手机上看方便,到哪都可以看看呀。而且我注册的网站,就这个网站能在微信中打开浏览。用手机自带的浏览器也能看,但有广告,我讨厌!微信中打开这个论坛目前没看到广告,我喜欢。

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-23 09:48 | 显示全部楼层
195400 发表于 2022-9-21 21:32
若不是你们在这讨论手机的问题,我就不会想到还有手机浏览的事,电脑上都嫌字小手机就不要考虑了

我也嫌字小,但我带老花镜。反正我现离不开老花镜,在电脑上字大我也是要带老花镜,否则看不到字。

签到天数: 180 天

[LV.7]常住居民III

鲜花(3) 鸡蛋(0)
 楼主| 发表于 2022-9-23 09:54 | 显示全部楼层
我没什么喜欢的,就喜欢看音画代码,觉得很神奇,写写几行代码就得到漂亮的画面。所以我发帖目的是有空时用手机看看音乐代码得到的神奇画面和听听我喜欢的音乐。
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

网站地图|小黑屋|Archiver|中画网 ( 蜀ICP备11021737号-2 )|网站地图

GMT+8, 2024-11-23 20:23 , Processed in 0.056333 second(s), 11 queries , MemCached On.

上网要文明 发言要理性

Powered by Discuz! © 2008-2023 YinHuaBBS.CN

快速回复 返回顶部 返回列表