pulsanti sonori in html5

serenus

Nuovo Utente
17 Mar 2016
3
0
0
Ciao a tutti,

io vorrei fare in modo che ai 5 pulsanti roll-over della mia barra di navigazione fosse associato un suono wav che si sente al passagio del mouse (e non al clic).
Sarei in grado di ottenere questo risultato con Adobe Flash, ma per i noti motivi perferirei utilizzare il linguaggio HTML5.
Sarà possibile?
Qualcuno mi potrebbe aiutare?
Grazie a tutti e buona giornata.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.388
338
83
Ciao
Ecco qua!
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<script>
<!--
var html5_audiotypes={
	"mp3": "audio/mpeg",
	"mp4": "audio/mp4",
	"ogg": "audio/ogg",
	"wav": "audio/wav"
}

function createsoundbite(sound){
	var html5audio=document.createElement('audio')
	if (html5audio.canPlayType){
		for (var i=0; i<arguments.length; i++){
			var sourceel=document.createElement('source')
			sourceel.setAttribute('src', arguments[i])
			if (arguments[i].match(/\.(\w+)$/i))
				sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
			html5audio.appendChild(sourceel)
		}
		html5audio.load()
		html5audio.playclip=function(){
			html5audio.pause()
			html5audio.currentTime=0
			html5audio.play()
		}
		return html5audio
	}
	else{
		return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
	}
}
var mouseoversound=createsoundbite("hover.ogg", "hover.wav")
-->
</script>
</head>

<body>
<a href="page.html" onmouseover="mouseoversound.playclip()">la mia pagina</a>
</body>
</html>
 

serenus

Nuovo Utente
17 Mar 2016
3
0
0
ti ringrazio molto per l'attenzione e la risposta.
Avresti anche la pazienza di specificarmi dove precisare il nome del pulsante e dove il nome del suono in questo codice?.
Grazie in ogni caso Max1
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.388
338
83
nome suono
Codice:
var mouseoversound=createsoundbite("hover.ogg", "hover.wav")
Io ho messo questo link
Codice:
<a href="page.html" onmouseover="mouseoversound.playclip()">la mia pagina</a>
Ma ovviamente lo puoi sostituire con un pulsante, richiamando sempre la funzione
Codice:
onmouseover="mouseoversound.playclip()
 
Discussioni simili
Autore Titolo Forum Risposte Data
4 Pulsanti woocommerce Content Management System (CMS) 0
D [Javascript] pulsanti per comandi shell con php e ajax Ajax 7
S Dreamweaver pulsanti salva-annulla-ripeti Windows e Software 4
maicol07 Python - Tkinter - Aiuto con pulsanti e tuple Programmazione 0
R [HTML] Pulsanti animati per wordpress WordPress 23
P Movimento telecamera attraverso pulsanti HTML e CSS 2
F pulsanti condivisione social su singola foto HTML e CSS 1
C Pulsanti per touch screen HTML e CSS 1
C Touchscreen e pulsanti HTML e CSS 3
otto9due Pulsanti condividi su social dinamici.. PHP 3
A Pulsanti login e registrazione PHP 3
Alessandra Fanelli Menu Collapse- help -nn iserisce azioni a pulsanti Flash 0
ivarello Due Pulsanti con per lanciare funzione Javascript 0
F ancora pulsanti HTML e CSS 1
M Modulo con 2 pulsanti submit PHP 5
C Creare una form con pulsanti di scelta macro Visual Basic 1
M I pulsanti di facebook visualizzano l'immagine errata Joomla 1
I Problema Pulsanti Html e PHP, due submit che aggiornano la pagina .. PHP 0
M Distinguere l’input di due pulsanti Classic ASP 8
S Pulsanti e Formattazione del testo Javascript 6
P Problema visualizzazione pulsanti dopo scroll jQuery 6
D Che caratteristiche deve avere un gruppo di pulsanti di scelta in phpMyAdmin? MySQL 10
A Problemi con pulsanti social network Javascript 3
D Problemi coi pulsanti PHP 0
A fancyBox script - problema con pulsanti jQuery 2
emanuelevt problema con pulsanti animati jQuery 2
E Visualizzazione Pulsanti PHP 1
T Come far interagire pulsanti e codice php? PHP 1
T 3 pulsanti di ricerca Javascript 0
max_400 Gestire un timer con i pulsanti PHP 5
B modifiche in Dreamweaver per Vecchi pulsanti Flash? Webdesign e Grafica 5
G pulsanti che cambiano con onclick Javascript 5
G Listato con effetto scorrevole comandato da pulsanti Javascript 6
C drupal: cambiare grafica pulsanti Content Management System (CMS) 2
P ActionScript: modificare pulsanti Flash 1
V Pulsanti Flash Flash 0
M ruotazione oggetto con pulsanti e/o con mouse Flash 10
s@r@ Pulsanti interattivi che non si vedono Javascript 5
A creare layout con pulsanti a schede HTML e CSS 3
P creare una serie di pulsanti con photoshop Photoshop 3
H Gimp, pulsanti e xtns Webdesign e Grafica 0
R Creare pulsanti di scorrimento in flash e altre informazioni Flash 0
L Dove posso trovare pulsanti in flash? Flash 3
F problema Pulsanti flash su IE con target su diversi frame Flash 3
D Problema disabilitazione pulsanti (Actionscript 2.0) Flash 0
D Problema disabilitazione pulsanti (FL 8.0 - AS 2) Flash 0
R pulsanti per aumentare o diminuire velocità di una canzone Flash 7
I Pulsanti E Ie7 Flash 9
S Pulsanti Flash 1
U creare pulsanti gif Webdesign e Grafica 2

Discussioni simili