2009-11-09 6 views
5

Мне нужно сыграть несколько wav-файлов при нажатии кнопки. Я нашел решение, работающее в IE, но для него требуется плагин QickTime для Firefox.Вставить .wav файлы на HTML-страницу во всех браузерах (без элементов управления)

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

<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> 

ответ

2

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

Это выглядит следующим образом:

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

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

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

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

+0

поддержка MSIE нужна :( – Aramaki

+0

Да, вы бы использовать существующую идею для IE - вы просто проверяете, поддерживает ли это звук, если это так, то используйте его, если нет, тогда попробуйте свой путь. –

1

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

Итак, на данный момент вам может потребоваться предоставить другие способы вместо или как-хорошо, как <audio>.

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

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

К сожалению, это doesn't natively support WAV, так что вы используете (как правило, медленный) WAV-ридер, или вы идете с MP3 и имеете несколько аудиоформатов, чтобы беспокоиться снова!

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

+0

mp3 не доступен - только wav плагины make firefox download quicktime 30mb – Aramaki

+0

связанный вопрос для пары игроков Flash WAV. Это не идеально, но, вероятно, лучше, чем ужас QT/Real/и т. Д. – bobince

3

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

jPlayer (требуется вспышка)

Scriptaculous plugin (работает без вспышки в Firefox)

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