JavaScript, воспроизводящий звуковой эффект в событии onmouseover

Я полагаю, что это общий вопрос, но ни один из уроков и сообщений, которые я видел, не помог мне до сих пор. Я хочу, чтобы его звук воспроизводился всякий раз, когда курсор находится над изображением меню, которое также является ссылкой. В событии onmouseover уже есть другая команда, чтобы изображение мерцало, но я прочитал, что событие может иметь несколько инструкций. Вот код (извините, если она выглядит неаккуратно)JavaScript, воспроизводящий звуковой эффект в событии 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, но это еще одна история. Заранее спасибо!

источник

2013-03-21 AbianG

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

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

источник

2013-03-21 10:28:57

еще не будет играть в IE, я не пробовал в Firefox, потому что я все еще жду файла в правильном формате. Но, как я уже сказал, в Internet Explorer нет звука и ошибок. И в firebug единственная ошибка, которая подсказывает, что формат файла «Указанный» тип «атрибут» audio/mpeg не поддерживается. Загрузка медиа-ресурса http://www.eleyte.net/portafolio/neon.mp3 не удалась », что логично, поскольку mp3 несовместим – AbianG

, но в формате firefox поддерживается« ogg », и IE не поддерживает звуковой тег. –

, тогда это не полезно, мне нужно решение для всех браузеров ... и в прошлый раз я проверил IE, поддерживаемый Audio tag http://www.w3schools.com/tags/tag_audio.asp – AbianG

JavaScript, воспроизводящий звуковой эффект в событии onmouseover

ответ

Смежные вопросы