Engadir Audio

 

1. Descargamos unha canción de Jamendo.com. Para iso entramos na web

http://www.jamendo.com/es/track/1099703/divergence-remastered-vip#

2. Unha vez que a temos descargado este ficheiro mp3, procedemos a crear un ficheiro ogg a partir do mp3.

Os ficheiros mp3 son leidos por Internet Explorer, Safari e Chrome. E os ficheiros ogg son interpretados por Firefox, Opera e Chrome

Para realizala conversión empregamos o programa SoundConverter. Para proceder a súa instalación:

sudo apt-get update

sudo apt-get soundconverter

O único que temos que facer é dar un clic en Add File, elixir o ficheiro descargado desde jamendo.com, e clic en Converter. O Sound converter crearnos un novo ficheiro con extensión ogg.

Tamén o podes facer o FormatJunkie (están explicadas as instruccións na páxina de incrustar vídeo).

3.- Atención!. O propio Drupal permítenos subir ficheiros ó hosting. Podemos ir a agregar contido e eliximos ficheiro de audio e subímolos. Pero esta opción non permite enlazar o ficheiros que teñamos nun servizo como Dropbox ou Drive. Por mor diso, pasamos ó punto nº4, e facemos un enlace manual, empregando código html.

4.- Creamos novo contido tipo páxina. Poñémoslle título "Practica4. audio", e engadimos unha etiqueta chamada "Divergence", que é o título da canción

Sen embargo no noso caso, para non encher de ficheiros o hosting, enlazámolo desde o servidor dropbox.com

Audio mp3: http://atio.es/fi/parrot.mp3

Audio ogg: http://atio.es/fi/parrot.ogg

5.- clic en HTML, e na fiestra que aparece, copiamos o seguinte código html

<audio controls>
    <source src="http://atio.es/fi/parrot.mp3" type="audio/mpeg">
    <source src="http://atio.es/fi/parrot.ogg" type="audio/ogg">
</audio>

 

6.- Se o queremos un pouco máis completo, con opción subir volume, pausar etc, podemos pegar o seguinte código:

 

<audio id="player" controls>
    <source src="http://atio.es/fi/parrot.mp3" type="audio/mpeg">
    <source src="http://atio.es/fi/parrot.ogg" type="audio/ogg">
</audio>

<div>
 <button onclick="document.getElementById('player').play();">Reproducir</button>
 <button onclick="document.getElementById('player').pause();">Pausa</button>
 <button onclick="document.getElementById('player').volume += 0.1;">Subir Volumen</button>
 <button onclick="document.getElementById('player').volume -= 0.1;">Bajar Volumen</button>
</div>

 Para ver máis opcións, pode visitar o seguinte enderezo, de Genbeta no cal explican polo miúdo máis opcións.