Встраивайте файлы .wav в HTML-страницу во всех браузерах (без элементов управления)

Мне нужно воспроизвести несколько файлов wav при нажатии кнопки. Я нашел решение, работающее в IE, но для него требуется плагин QickTime для Firefox.

Есть ли другой способ?

<html>
    <head>
        <script>
function DHTMLSound(surl) {
  document.getElementById("dummyspan").innerHTML=
    "<embed src='"+surl+"' hidden=true autostart=true loop=false>";
}
        </script>
    </head>
    <body>
        <h1>test</h1>
        <span id=dummyspan></span>
        <input type="button" value="Play" onmouseover="DHTMLSound('1.wav')">
    </body>
</html>

javascript html cross-browser wav
person Aramaki    schedule 09.11.2009    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Используйте один из них. Я использую только jPlayer и могу настоятельно рекомендовать его.

jPlayer (требуется Flash)

плагин Scriptaculous (работает без Flash в фаерфоксе)

MooTools (требуется Flash)

person Sire    schedule 15.12.2009

arrow_upward
2
arrow_downward

Я бы определил, разрешает ли браузер тег audio, и использовал бы его в этом случае.

Это выглядит так:

<audio src="1.wav" autoplay></audio>

В настоящее время Firefox, Safari и Opera могут воспроизводить Wavs, Chrome с версии 3 не может, не уверен насчет 4.

См. http://html5doctor.com/native-audio-in-the-browser/ для получения информации о том, как определить, есть ли в браузере тег audio.

Затем вы будете использовать существующее решение для IE.

person Rich Bradshaw    schedule 09.11.2009
comment
Да, вы бы использовали вашу существующую идею для IE - вы бы просто проверили, поддерживает ли он звук, если да, то используйте его, если нет, то попробуйте свой путь. - person Rich Bradshaw; 09.11.2009

arrow_upward
1
arrow_downward

<audio> согласно ответу Рича, это определенно путь в будущее. К сожалению, на данный момент нет поддержки IE, и чтобы другие браузеры, которые его поддерживают, были счастливы, вы должны использовать как WAV , так и (OGG или MP3).

Поэтому на данный момент вам может потребоваться предоставить другие способы вместо <audio>.

Лично я бы настоятельно не стал <embed>устанавливать плагин для медиаплеера. Он не будет работать в браузерах без плагинов, и вы можете получить не тот плагин, который ожидаете, а тот, который вы получите, может работать не так, как вы ожидаете. Также есть <bgsound> только в IE, но управление им может раздражать.

Поэтому я бы, вероятно, выбрал резервное решение для Flash, когда <audio> недоступен. Flash имеет гораздо лучшее признание, чем любой из плагинов медиаплеера.

К сожалению, он изначально не поддерживает WAV, так что либо вы используете (как правило, медленную) программу для чтения WAV, либо вы используете MP3 и снова имеете несколько аудиоформатов, о которых нужно беспокоиться!

Однажды все это будет хорошо работать. Однажды, вероятно, около 2056 года.

person bobince    schedule 09.11.2009
comment
mp3 недоступен - только wav-плагины делают Firefox быстрой загрузкой 30mb - person Aramaki; 09.11.2009
comment
См. связанный вопрос для нескольких проигрывателей Flash WAV. Это не идеально, но, вероятно, лучше, чем тот ужас, что QT/Real/и т.д. - person bobince; 09.11.2009