(APORTE) agregar una música o audio a tu pagina web[Resuelta]

Respuestas:

•  

    3  

   

   

  Ambiorix Rodriguez Karma: 151

   
  Fecha: 16-05-2018 19:01:27 Socialmente hablando es un aporte, pero técnicamente hablando por la simpleza que implica esto y que es algo de lógica común para cualquier usuario que haya usado HTML , ademas por el nivel de conocimiento que veo en este grupo no podría considerar esa linea como un aporte relevante sino mas bien como una expresión de buena intención de un chico que quiere colaborar con la comunidad.   Votos: 3 - Link respuesta
   
•  

    0  

   

   

  Braylin Payano Karma: 1227

   
  Fecha: 16-05-2018 19:52:33 Es que estoy haciendo un curso de HTML y me gusto hace parte y quise compartirla con el grupo, ademas nadie sabe si algún chico(a) nuevo como yo que busca aprender le pueda interesar   Votos: 0 - Link respuesta
   
•  

    2  

   

   

  Antonio Moreno Karma: 1123

   
  Fecha: 17-05-2018 09:34:44 Reforzando el aporte
  
  Primero, les comparto información oficial y completa de la construcción de la etiqueta audio que tiene la siguiente semántica, fuente w3c, the audio element.
  
  La implementación de la etiqueta audio es bastante sencilla, de forma básica queda de la siguiente manera.

  <audio src="mi-archivo-de-audio.mp3"></audio>

  
  A partir de lo anterior, se le pueden ir agregando atributos a la etiqueta para darle un mejor toque en cuanto a funcionalidad.
  
  Autoplay
  Este atributo reproduce automaticamente el audio referenciado en el atributo src

  <audio autoplay src="mi-archivo-de-audio.mp3"></audio>

  
  
  Loop
  Este atributo por sí sólo, reproduce en bucle el audio, ahora bien, junto con el atributo autoplay, como es obvio, reproduce automaticamente y luego aplica los bucles.

  <audio src="mi-archivo-de-audio.mp3" autoplay loop></audio>

  
  
  Preload
  Indica la precarga que tendrá el fichero para ser reproducido. Este atributo se le pueden asignar 3 valores, dependiendo del navegador y versión, pueden variar, los principales son: auto | matadata | none. En este caso, none, la carga comenzará cuando se haga clic en play o reproducir.

  <audio src="mi-archivo-de-audio.mp3" preload="none"></audio>

  
  
  Controls
  Este nos permite disponer de un panel de control nativo de cada navegador, para controlar la reproducción, el elemento, acá es donde el poder de JS se puede interponer para hacer travesuras.
  
  Si no te gusta su aspecto, siempre puedes crear el tuyo con JavaScript a través de la API de sonido. Aquí tienes un ejemplo un poco guarrete ya que usa manejadores de evento en línea, tú deberías hacerlo con JavaScript no intrusivo.

  <audio id="player" src="mi-archivo-de-audio.mp3"></audio>
  <div>
      <button onclick="document.getElementById('player').play()">Reproducir</button>
      <button onclick="document.getElementById('player').pause()">Pausar</button>
      <button onclick="document.getElementById('player').load()">Detener</button>
      <button onclick="document.getElementById('player').volume += .1">Subir volumen</button>
      <button onclick="document.getElementById('player').volume -= .1">Bajar volumen</button>
  </div> 

  
  
  Tengan en cuenta que hay sus limitantes en cuanto a los formatos que se puedan manejar en ese elemento, así como también en otros como video, puedes leer un poco más sobre esto en el portal de Mozilla Developers: Formatos admitidos en audio y video de HTML5.
  
  Algunas referencias en las cuáles también me he basado: CampusMVP y W3C.
  
  ¡Saludos cordiales!   Votos: 2 - Link respuesta