JavaScript, воспроизведение звукового эффекта в событии onmouseover

Я полагаю, что это общий вопрос, но ни один из руководств и сообщений, которые я видел, пока не помог мне. Я хочу, чтобы звук воспроизводился всякий раз, когда курсор находится над изображением меню, которое также является ссылкой. В событии onmouseover уже есть другая инструкция для мерцания изображения, но я читал, что у события может быть несколько инструкций. Вот код (извините, если выглядит сумбурно)

<html>
<head>
<script type="text/javascript">
  var sonido=document.getElementById("neonclip");
</script>
</head>
<body>
<audio id="neonclip">
   <source src="http://www.eleyte.net/portafolio/neon.mp3" type="audio/mp3"/>
</audio>
<div style="text-align: center; margin-top: 130px;">
<a href="pagelink"> 
<img onmouseover="this.src='img2';
sonido.play(document.getElementById('neonclip'))
onmouseout="this.src='img1'"src="img1"/> </a>
</div>
</body>
</html>

Я сделал это по примеру, но это не сработало. Я знаю, что в firefox будут проблемы, потому что он не поддерживает формат mp3, но это уже другая история. Заранее спасибо!


javascript audio playback onmouseover
person AbianG    schedule 21.03.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Просто пользователю ниже двух форматов для воспроизведения звука во всех браузерах.

<audio preload id="neonclip">
  <source src="sounds/dingdong/57718^DingDong.mp3" type="audio/mpeg">
  <source src="sounds/dingdong/dingdong.ogg" type="audio/ogg">
</audio>

И чтобы воспроизвести звук, попробуйте это

<a href="pagelink"> 
<img onmouseover="this.src='img2'; document.getElementById('neonclip').play()" onmouseout="this.src='img1'"src="img1"/> </a>
person Pathik Gandhi    schedule 21.03.2013
comment
по-прежнему не воспроизводится в IE, я не пробовал в Firefox, потому что все еще жду файл в правильном формате. Но, как я уже сказал, в Internet Explorer ни звука, ни ошибки. И в firebug единственная ошибка, которая подсказывает, что формат файла Указанный атрибут типа audio/mpeg не поддерживается. Загрузка медиаресурса eleyte.net/portafolio/neon.mp3 не удалась, что логично, поскольку мп3 не совместим - person AbianG; 21.03.2013
comment
но в firefox поддерживается формат ogg, а IE не поддерживает аудиотег. - person Pathik Gandhi; 21.03.2013
comment
тогда это бесполезно, мне нужно решение для всех браузеров... и в прошлый раз, когда я проверял, что IE поддерживает тег Audio w3schools.com/tags/tag_audio.asp - person AbianG; 21.03.2013
comment
IE9: поддерживает MP3 и AAC. так что просто добавьте еще один формат Mp3. stackoverflow.com/questions/1007223/ - person Pathik Gandhi; 21.03.2013
comment
не понимаю, если IE поддерживает MP3 и Audio Tag, а это MP3 и Audio Tag, то проблема не связана с поддержкой, верно? - person AbianG; 21.03.2013
comment
Ok! Точно знаю, что с .ogg он работает в Firefox, но не в IE, возможно, мне нужно добавить условное предложение? - person AbianG; 22.03.2013
comment
Да, вам нужен третий исходный тег Mp3 для IE (только IE9). - person Pathik Gandhi; 22.03.2013