Javascript 在Android上播放mp3的黑客?
我有一个mp3文件,我想在打开网站时自动播放。在同一个页面上,有一个按钮(图标),如果单击该按钮,“剪切”声音(实际上是暂停声音),如果再次单击该按钮,则播放声音(从停止的位置),依此类推 HTML页面:Javascript 在Android上播放mp3的黑客?,javascript,android,jquery,html,audio,Javascript,Android,Jquery,Html,Audio,我有一个mp3文件,我想在打开网站时自动播放。在同一个页面上,有一个按钮(图标),如果单击该按钮,“剪切”声音(实际上是暂停声音),如果再次单击该按钮,则播放声音(从停止的位置),依此类推 HTML页面: <body> ... ... <audio id="sound" src="<?php echo $song; ?>" autoplay="autoplay" loop="loop"></audio> <div id="sound_butt
<body>
...
...
<audio id="sound" src="<?php echo $song; ?>" autoplay="autoplay" loop="loop"></audio>
<div id="sound_button" onClick="playpause()"><img id="snd_btn" src="/images/On32.png" /></div>
...
...
...
...
原因是,移动浏览器是以这样一种方式构建的,它们允许播放声音或通过JS控制的其他东西,这些东西只在用户操作时播放,而不是自动播放
有一种破解方法可以解决这个问题,您可以使用一个库,例如“Howler.js”,它使用声音精灵。
因此,您可以在开始时创建一个静音的声音文件。让用户点击一个按钮访问应该播放声音的网站。
点击按钮,你可以“初始化”声音文件。
你可以使用吼叫器播放声音精灵的一秒钟。此时,声音的播放是一个用户操作,使用Howler,您现在可以在任意位置按所需长度启动声音精灵文件,并且它仍然被识别为用户操作
我希望我能解释一下,让你明白我的意思 原因是,移动浏览器是以这样一种方式构建的,它们允许播放声音或通过JS控制的其他东西,这些东西只在用户操作时播放,而不是自动播放
有一种破解方法可以解决这个问题,您可以使用一个库,例如“Howler.js”,它使用声音精灵。
因此,您可以在开始时创建一个静音的声音文件。让用户点击一个按钮访问应该播放声音的网站。
点击按钮,你可以“初始化”声音文件。
你可以使用吼叫器播放声音精灵的一秒钟。此时,声音的播放是一个用户操作,使用Howler,您现在可以在任意位置按所需长度启动声音精灵文件,并且它仍然被识别为用户操作
我希望我能解释一下,让你明白我的意思
function playpause() {
var snd = document.getElementById("sound");
var snd_btn = document.getElementById("sound_button");
snd.muted = !snd.muted;
//var snd_mut = 0;
if(snd.muted){
snd_btn.innerHTML = "<img src='/images/Off32.png' />";
snd.pause();
}
else {
snd_btn.innerHTML = "<img src='/images/On32.png' />";
snd.play();
}
//if (snd_mut != 0) {
//snd.innerHTML="<embed src='<?php echo $song; ?>' hidden='true' autostart='true' loop=true>";
//snd_mut = 0;
//}
//else {
//snd.innerHTML="<embed src='<?php echo $song; ?>' hidden='true' autostart='false' loop=true>";
//snd_mut = 1;
//}
}