audio在ios下不自动播放
2016-04-25 16:40:57 qq_30529627 阅读数 213

  // iOS 7/8 仅需要 play 一下

audioEl.play();

  // iOS 9 需要先load()然后再play()

audioEl.load()

audioEl.play();


2019-04-18 10:58:00 weixin_34357436 阅读数 13

使用H5的audio标签的时候,有时需要自动播放背景音乐,但是Android和IOS为了限制流量,所以不支持autoplay的属性,需要发生用户交互事件才能执行,有各种按钮,监听触摸等等的事件方法绕过此限制,但是给用户的体验不好 ,背景乐还要老是让用户触发事件。第二种原因可能是权限的问题,我使用其他app的时候总是手机自动提醒我是不是要给予声音,访问,照相等等的权限,这个提醒可能是系统或者是类似防火墙软件的提示,但是在Html网页中没有提示。

经过自己测试:
1、HTML创建Audio(autopaly controls):PC----OK
MOBILE----:OK
2、HTML创建Audio(autopaly):PC----OK
-------->总结:moible不支持autoplay
MOBILE----:NO
3、HTML创建Audio(autopaly controls ),Script设置Souce的SRC : :PC----OK
-------->总结:支持动态设置路径(Audio和Source 都可以)
MOBILE----:OK
4、HTML创建Audio(autopaly ),Script设置Souce的SRC : :PC----OK
-------->总结:moible不支持autoplay
MOBILE----:no
5、alert(audio.autoplay):
PC----: 设置时为true;;不设置时为false;
设置autoplay不设置对mobile没影响 参数的boolean值没矛盾就是被屏蔽了
MOBILE----:设置时为true;;不设置时为false;
6、动态创建audio(document.createElement('audio')):PC----OK;
总结:默认audio.autoplay为false 不能自动播放,play()方法也拯救不了MOBILE;
MOBILE----:NO
7、 总结: var audio=document.createElement('audio');
audio.src='aaa.mp3';
window.addEventListener('touchstart', function(){
audio.play();
}, false);
问题解决了;

转载于:https://www.jianshu.com/p/0aeef6047bd6

2015-04-29 13:12:00 weixin_30547797 阅读数 0

//修复ios 浏览器不能自动播放音频的问题 在加载时创建新的audio 用的时候更换src即可
Xut.fix = Xut.fix||{};
if (Xut.plat.isBrowser && Xut.plat.isIOS) {
var isAudio = false
var fixaudio = function() {
if (!isAudio) {
isAudio = true;
Xut.fix.audio = new Audio();
document.removeEventListener('touchstart', fixaudio, false);
}
};
document.addEventListener('touchstart', fixaudio, false);
}

 

 

//如果为ios browser 用Xut.fix.audio 指定src 初始化见app.js
if(Xut.fix.audio) {

audio = Xut.fix.audio;
audio.src = url;
}else {
audio = new Audio(url);
}

转载于:https://www.cnblogs.com/miraclesakura/p/4465681.html

2019-04-18 10:58:00 weixin_33877885 阅读数 7

使用H5的audio标签的时候,有时需要自动播放背景音乐,但是Android和IOS为了限制流量,所以不支持autoplay的属性,需要发生用户交互事件才能执行,有各种按钮,监听触摸等等的事件方法绕过此限制,但是给用户的体验不好 ,背景乐还要老是让用户触发事件。第二种原因可能是权限的问题,我使用其他app的时候总是手机自动提醒我是不是要给予声音,访问,照相等等的权限,这个提醒可能是系统或者是类似防火墙软件的提示,但是在Html网页中没有提示。

经过自己测试:
1、HTML创建Audio(autopaly controls):PC----OK
MOBILE----:OK
2、HTML创建Audio(autopaly):PC----OK
-------->总结:moible不支持autoplay
MOBILE----:NO
3、HTML创建Audio(autopaly controls ),Script设置Souce的SRC : :PC----OK
-------->总结:支持动态设置路径(Audio和Source 都可以)
MOBILE----:OK
4、HTML创建Audio(autopaly ),Script设置Souce的SRC : :PC----OK
-------->总结:moible不支持autoplay
MOBILE----:no
5、alert(audio.autoplay):
PC----: 设置时为true;;不设置时为false;
设置autoplay不设置对mobile没影响 参数的boolean值没矛盾就是被屏蔽了
MOBILE----:设置时为true;;不设置时为false;
6、动态创建audio(document.createElement('audio')):PC----OK;
总结:默认audio.autoplay为false 不能自动播放,play()方法也拯救不了MOBILE;
MOBILE----:NO
7、 总结: var audio=document.createElement('audio');
audio.src='aaa.mp3';
window.addEventListener('touchstart', function(){
audio.play();
}, false);
问题解决了;

转载于:https://www.jianshu.com/p/0aeef6047bd6

2019-01-22 16:29:00 weixin_34248705 阅读数 2

因为audio标签的自动播放:autoplay。在ios系统中不能自动播放,此时需要设置,在进入页面自动播放音乐。

第一步,先引入js微信

<script src="js/jweixin-1.2.0.js?ver=222"></script> 

 第二步,在wx.ready中进行默认播放,这个时候wx.config配置可以不用正确,但是后边的ready也可以用,所以默认播放了。

//ios中音乐默认不能播放,配置在wx.ready中进行默认播放,
	function audioPlay() {
		wx.config({
			debug: false, // 开启调试模式
			appId: '', // 必填,公众号的唯一标识
			timestamp: 1, // 必填,生成签名的时间戳
			nonceStr: '', // 必填,生成签名的随机串
			signature: '', // 必填,签名,
			jsApiList: [] // 必填,需要使用的JS接口列表,
		});
		wx.ready(function() {
			var audio = document.getElementById("mp3Btn");
			audio.play();
		});					
	}
	audioPlay();

  

转载于:https://www.cnblogs.com/zxcc/p/10304548.html

没有更多推荐了,返回首页