1

本文に埋め込まれている場合、本文で次を使用してページの読み込み時にサウンドを自動再生できることはわかっていますが、これを動的に試してみたいと思います。

動的とは、オーディオ ファイルを見つけて、JavaScript または JQuery を使用してオンロードで再生することです。

誰でも助けることができますか？

<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

自動再生なしでプレイすることを意味する場合、これが 1 つのアプローチになります。

<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 に答える