• Inspiración
  • Tutoriales
  • Talleres
    • Bootcamp de Desafio Latam, conviértete en desarrollador web
  • Oportunidades de trabajo

En1Mes

  • Talleres presenciales de rails
  • Bootcamp de programación

audio una etiqueta para experimentar en HTML5

Experimentos con la etiqueta Audio

Html5 incluye muchas etiquetas interesantes que definitivamente dejaron obsoletas a flash, como por ejemplo la etiqueta <canvas> y en este artículo vamos a ver un experimento realizado con la etiqueta <audio>

La etiqueta audio permite cargar sonidos en tu páginas, o sea, permite cargar archivos OGG, MP3, y Wav.

Y a pesar de que por regla general es una mala práctica agregar música de fondo a una página web ya que es molesto para el usuario, esta etiqueta puede tener posibles usos interesantes.

Un experimento con la etiqueta audio

Para mostrar un uso interesante de la etiqueta <audio> les dejo un pequeño experimento hecho por Damian Irarrazabal, alumno de en1mes.com cuando estaba recién empezando a realizar el curso.

AbelMusic Screenshot

AbelMusic Versión 0.01

 

Les dejo el link a  AbelMusic para que jueguen, y recuerden que con el inspector de elementos pueden ver el código de la página y utilizarlo a su gusto.

 

 

Ene 10, 2014Gonzalo Sánchez
Summary
HTML5 es mucho más que un doctype! (parte 2)
Article Name
HTML5 es mucho más que un doctype! (parte 2)
Description
La etiqueta audio permite cargar sonidos en tu páginas, o sea, permite cargar archivos OGG, MP3, y Wav.
Author
Gonzalo Sánchez
Share Button
  • El Autor
  • Últimos Posts

About Gonzalo Sánchez

Emprendedor lean, Ingeniero civil informático dedicado al desarrollo de una mejor web con ruby on rails. Fanático de los números y las métricas y por sobre todo fundador de en1mes.
  • ¿Por qué Twitter fue hecho en Ruby on Rails? - abril 15, 2016
  • Construyendo una landing page en Ruby on Rails desde cero. - febrero 11, 2016
  • Pair programming (de a dos es mejor) - febrero 11, 2016
  • Creando un wordpress en hostinger - abril 18, 2015
  • Login con facebook en rails 4.1 y 4.2 - febrero 3, 2015
  • EL ASSET PATH DE RAILS - enero 26, 2015
  • Entendiendo los objetos en Ruby - enero 21, 2015
  • La verdadera educación Tecnologica - enero 14, 2015
  • Kit Digital del gobierno de Chile - enero 14, 2015
  • ¿Como diseñar un buen Layout para tu página web? - enero 13, 2015
4 years ago 2 Comments Tutorialesaudio, html51,461
¿Cómo renombrar una aplicación en Heroku?Creando páginas web desde cero con Sublime
You Might Also Like
 
Dibujando con curvas bezier en HTML5
 
Torpedo de HTML 5
Comments: 0
Pingbacks: 2
  1. HTML5, La razón de por qué flash quedó obsoleto - En 1 Mes - Construye páginas y aplicaciones webEn 1 Mes – Construye páginas y aplicaciones web
    3 years ago
  2. HTML5 dejó a flash obsoleto - En 1 Mes - Construye páginas y aplicaciones webEn 1 Mes – Construye páginas y aplicaciones web
    3 years ago

Deja un comentario Cancelar respuesta

Últimos Tweets

  • RT @DesafioLatam: ¿Estás en Chile? App clave para este 18 creada por alumnos de la academia #protagonistas #coding #javascript #ruby https:…
  • RT @christianpino: En @litoralpressTV entrevista con @diegoiag de @DesafioLatam sobre ventajas del TeleTrabajo y encuentro #9punto5 🎥▶️htt…
  • RT @christianpino: En breve estará en @litoralpressTV la entrevista con @diegoiag de @DesafioLatam sobre las ventajas del TeleTrabajo y el…
  • RT @DesafioLatam: Agenda ya charla que viene remecer mundo educación y tecnología, #9punto5 #coding #oportunidades #remoto https://t.co/ql0…
Tags
Ruby on Railsemprendimientos digitalesTutorialesDiseñoHerramientashtml5rubyWordpressBases de datosLanding PagehackathonInspiraciónTalleresTipsHerokuNitrousPáginas WebphpEventosRailsGirlssmartphonesCSSemprendimientos socialesprogramaciónCreatividademprendimientosCitas inspiradorasMySQLlenguajes de programaciónGemasJavascriptEducaciónHostingdiseño responsivoBenchmarksExperimentosmetodologíasFrameworkstecnologíaInspector de ElementosHackatonTwitterredes socialesUsabilidadlean startup
Interesado en otros tipos de emprendimiento?

Quieres aprender a importar y exportar productos a todo el mundo? entra aquí

No te pierdas ningún artículo.

2016 © En 1 Mes