Встраивать WAV-файлы в HTML-страницу во всех браузерах (без элементов управления) - PullRequest
Новая
       9

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

5 голосов
/ 09 ноября 2009

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

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

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

Ответы [ 3 ]

3 голосов
/ 15 декабря 2009

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

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

Плагин Scriptaculous (работает без Flash в Firefox)

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

2 голосов
/ 09 ноября 2009

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

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

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

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

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

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

1 голос
/ 09 ноября 2009

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

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

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

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

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

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

...