Крос-платформний, крос-браузерний спосіб відтворення звуку з Javascript? [дублікат]

Я пишу програму dhtml, яка створює інтерактивне моделювання системи. Дані для моделювання генеруються з іншого інструменту, і вже існує дуже велика кількість застарілих даних.

Деякі етапи моделювання вимагають, щоб ми відтворювали аудіокліпи із замовкою. Я не зміг знайти простий спосіб досягти цього в багатьох браузерах.

Soundmanager2 наближається до того, що мені потрібно, але він буде відтворювати лише файли mp3, а також застарілі дані можуть містити деякі файли .wav.

Хтось має інші бібліотеки, які можуть допомогти?

Вам доведеться включити плагін, як Real Audio або QuickTime, щоб обробляти файл .wav, але це має працювати ...

//======================================================================
var soundEmbed = null;
//======================================================================
function soundPlay(which)
    {
    if (!soundEmbed)
        {
        soundEmbed = document.createElement("embed");
        soundEmbed.setAttribute("src", "/snd/"+which+".wav");
        soundEmbed.setAttribute("hidden", true);
        soundEmbed.setAttribute("autostart", true);
        }
    else
        {
        document.body.removeChild(soundEmbed);
        soundEmbed.removed = true;
        soundEmbed = null;
        soundEmbed = document.createElement("embed");
        soundEmbed.setAttribute("src", "/snd/"+which+".wav");
        soundEmbed.setAttribute("hidden", true);
        soundEmbed.setAttribute("autostart", true);
        }
    soundEmbed.removed = false;
    document.body.appendChild(soundEmbed);
    }
//======================================================================

Якщо ви використовуєте Prototype, бібліотека Scriptaculous має звуковий API . Здається, jQuery також має плагін .

код dacracots - це чистий базовий dom, але, можливо, написаний не задумуючись Звичайно, ви спочатку перевіряєте наявність попереднього вбудовування та зберігаєте повторювані рядки створення вбудовування.

var soundEmbed = null;
//=====================================================================

function soundPlay(which)
{
    if (soundEmbed)
       document.body.removeChild(soundEmbed);
    soundEmbed = document.createElement("embed");
    soundEmbed.setAttribute("src", "/snd/"+which+".wav");
    soundEmbed.setAttribute("hidden", true);
    soundEmbed.setAttribute("autostart", true);
    document.body.appendChild(soundEmbed);
}

Тут я натрапив на думки, шукаючи рішення щодо дещо подібної ситуації. На жаль, мій браузер Mozilla / 5.0 (X11; U; Linux i686; en-US; rv: 1.9.0.15) Gecko / 2009102814 Ubuntu / 8.04 (hardy) Firefox / 3.0.15 помирає при спробі цього.

Після встановлення останніх оновлень Firefox все ще аварійно завершує роботу, Opera продовжує працювати.

Я вважаю, що найпростішим та найзручнішим способом буде відтворення звуку за допомогою невеликого флеш-кліпу. Я розумію, що це не рішення JavaScript, але це найпростіший спосіб досягти своєї мети

Деякі додаткові посилання з попереднього подібного запитання :

• Scriptaculous, бібліотека Javascript: http://github.com/madrobby/scriptaculous/wikis/sound
• флеш-проект із відкритим джерелом: Простий музичний плеєр для Flash http://emff.sourceforge.net/

Ви можете використовувати <audio>тег HTML5 .

Мені сподобалась відповідь dacracot ... ось подібне рішення в jQuery:

function Play(sound) {
    $("#sound_").remove()
    $('body').append('<embed id="sound_" autostart="true" hidden="true" src="/static/sound/' + sound + '.wav" />');
}

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

Докладніше див. На веб-сторінці http://www.w3schools.com/html/html5_audio.asp .

Якщо ви використовуєте Mootools, існує плагін MooSound .

Існує набагато простіше рішення, а не необхідність вдаватися до плагінів. IE має власну властивість bgsound, і є інший спосіб зробити так, щоб він працював для всіх інших браузерів. Ознайомтеся з моїм посібником тут = http://www.andy-howard.com/how-to-play-sounds-cross-browser-including-ie/index.html

Для крос-браузерного рішення з файлами wav я б запропонував зробити <audio>тег за замовчуванням, а потім перейти до <embed>рішення, яке @dacracot запропонував раніше тут, якщо користувач перебуває в IE, ви можете легко це перевірити, трохи пошукавши тут, у SO.