1

我知道如果嵌入在正文中，我可以在正文中使用以下内容在页面加载时自动播放声音，但我想动态尝试。

我所说的动态是指找到音频文件，并使用 JavaScript 或 JQuery 播放 onload。

任何人都可以帮忙吗？

<audio preload="auto" tabindex="0" autoplay="true" loop="true">
    <source src="shorttones.mp3" type="audio/mpeg" />
    <source src="shorttones.ogg" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

我试过这个，不工作。

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="js/buzz.js" type="text/javascript"></script>
<script type="text/javascript">
if (!buzz.isSupported()) {
    alert("Your browser does not support the audio element, ogg, or mp3.");
    return;
}

buzz.defaults.formats = [ 'ogg', 'mp3' ];
buzz.defaults.preload = 'metadata';

var mySound = new buzz.sound( "sounds/highpitchsound");

mySound.play();
mySound.loop();
</script>
</head>
</html>
4

2 回答 2

3

如果您的意思是在没有自动播放的情况下播放，这将是一种方法：

<html><body onload="playSound();">
<audio id="noise"></audio>
</body>
<script>
function playSound(){
    var snd=document.getElementById('noise');
    canPlayMP3 = (typeof snd.canPlayType === "function" && snd.canPlayType("audio/mpeg") !== "");
    snd.src=canPlayMP3?'shorttones.mp3':'shorttones.ogg';
    snd.load();
    snd.play();
}
</script></html>
于 2012-08-15T18:27:19.957 回答
0

你可能想看看buzz.js：http ://buzz.jaysalvat.com/

if (!buzz.isSupported()) {
    alert("Your browser does not support the audio element, ogg, or mp3.");
    return;
}

var sound = new buzz.sound( "shorttones", {
    formats: [ "ogg", "mp3" ]
});

sound.play();
于 2012-08-15T18:27:11.873 回答