immagine con MP3
Ciao,
sono una neofita con Drupal. Sto creando (almeno ci tento) un sito per un gruppo musicale. Qualcuno mi sa dire se si può caricare un'immagine contenente un mp3 in modo che quando si clicca sull'immagine parte la canzone?
Logicamente se la risposta è affermativa, per cortesia ditemi come si fa e nella maniera più dettagliata possibile.
Grazie
Risposte
Un'immagine che contiene un
Un'immagine che contiene un file mp3 non è fattibile, al limite puoi inserire un'immagine e collegare il click alla riproduzione del file mp3 ;-)
Potresti inserire del codice tipo questo:
<head>
<script>
init = function(evento){
var bottoni = document.querySelectorAll('button');
for(var b=0; b < bottoni.length; b ++){
var effetto_audio = bottoni[b].dataset.effettoAudio;
if(effetto_audio != ""){
var audio = new Audio(effetto_audio);
audio.bottone_di_riferimento = bottoni[b];
audio.addEventListener('canplaythrough',
function(evento_load){
var bottone = evento_load.target.bottone_di_riferimento;
bottone.disabled = false;
bottone.audio_di_riferimento = evento_load.target;
bottone.addEventListener('click',
function(evento_click){
evento_click.target.audio_di_riferimento.play();
}
);
}
);
}
}
}
window.addEventListener('load',init); </script>
</head>
<body>
<button type="button" data-effetto-audio="miofile1.mp3" disabled>
Il mio primo mp3...
</button>
<button type="button" data-effetto-audio="miofile2.mp3" disabled>
Il mio secondo mp3...
</button>
</body>
Sfruttando un semplice javascript e associando a dei "bottoni" la riproduzione dei tuoi file mp3.
Ciao ciao.
Grazie per la proposta della
Grazie per la proposta della soluzione, ma non so bene cosa devo fare. Mi spiego meglio: so come inserire un'immagine e dire di utilizzare il contenuto o il file, ma non so come associare il biottone ai miei mp3, non so dove devo inserire il codice che mi hai fornito.
Riesci ad aiutarmi anche in questo?
Grazie.
Ciao ciao
Ciao, il codice devi
Ciao, il codice devi inserirlo nella pagina dove vuoi avere questa funzione, abilita il formato Full HTML, ovviamente, ed inseriscilo come codice.
Non so se tu stia usando un editor WYSIWYG nè quale nel caso tu lo stia utilizzando, in quel caso devi "disabilitare" l'editor, in CKEditor hai il pulsante "Codice Sorgente", selezionando quello, poi, tutto quello che scriverai verrà interpretato come codice e di conseguenza non verrà più visualizzato come testo semplice.
Ciao ciao.