Insertar música con HTML5

Como HTML5 introduce soporte de audio, ya no hay necesidad de usar peliculas Flash para reproducir audio en nuestras páginas web, Con HTML5 dos opciones se abren, por una parte está el elemento “audio”, y por otro “video”, la cual en este tutorial vamos a exponer el método de audio.

A continuación un ejemplo sencillo para insertar música en nuestra página utilizando etiquetas de HTML5:
El nuevo elemento permite el uso de diferentes formatos de archivo puesto que los formatos que soportan los diferentes navegadores no son parte del estándar sino que depende de la implementación de cada fabricante. Puedes guiarte con esta tabla para comprobar que formatos soportan los navegadores más usados de forma nativa:
CódecTipoIE >=9FirefoxChromeSafariOpera
Ogg VorbisLibre (BSD)nosisinosi
WAV PCMPrivativo (Microsoft, IBM)nosisisisi
MP3Privativo (En disputa)sinosisisi en Linux y FreeBSD
AACBajo patente AACsinosisisi en Linux y FreeBSD
SpeexLibre (BSD)nonosinono
Tanto en Safari como en Chrome, algunos formatos dependen de Quicktime y ffmpeg respectivamente. Chrome realmente no soporta todos los formatos de forma nativa, tan solo Vorbis y MP3, por el contrario, si compilamos Chromium con soporte para ffmpeg si estarán disponibles todos esos formatos de forma nativa a través de ffmpeg, de ahí la cursiva.
Más Información
  • audio.js: MP3s y HTML5 en todos los navegadores
  • Insertar audio en un sitio web con HTML5
  • Introducción al elemento audio de HTML5
  • HTML5: Insertar música sin flash
  • Como poner audio en HTML5
  • Audio Data API
  • Nombre

    Adblock Adobe Flash AJAX Algoritmos Anuncios API Blogger Blogging Buscadores chrome web store Código Fuente CSS CSS 3 CV Dart Depurar Desarrollo Web Diseño Diseño Grafico Diseño Web Documentación Efectos Facebook Firefox Foros Fotografias Frances Bean Cobain Gadgets General Geolocalizar Google Google Analytics Google Chrome Google Imágenes Google Music Google Reader Google+ Herramientas Hotmail HTML HTML5 Imágenes Información Informática Instagram Internet Internet Explorer Internet Explorer 10 Javascript jQuery Kurt Cobain Librerías Marketing Microsoft Monetización Web Mozilla Firefox 8 MySQL Navegadores Noticias Optimización Web PageSpeed Insights PayPal Personal Photoshop PHP Plantillas Programación Programas Programas Web Proyectos Redes Sociales ScreensHots Scripts Seguridad SEO Servicios Web Sesiones Snippets SoniTube Spam Steve Jobs Templates Themes Thumbalizr Tips Trucos Tutoriales Twitter Utilidades Vectores Virus Web Widgets Windows 7 Windows 8 Windows Mobile Windows XP WordPress XSS Youtube
    false
    ltr
    item
    OnSoni: Insertar música con HTML5
    Insertar música con HTML5
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZkFzlmFjgK26QKyFlnH9DntjUXnFqE1O5d0RZ0maX8IcDWZta36sIN0I9ieS2ZMm-Zji0JMAAOGpoaij_AaHuR-MTGzhBebLRvxy0Sh1o_jXEjTuMEAPx4zDzakyKCOE4E7BJWlIT9Q/s200/html5-onsoni.png
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZkFzlmFjgK26QKyFlnH9DntjUXnFqE1O5d0RZ0maX8IcDWZta36sIN0I9ieS2ZMm-Zji0JMAAOGpoaij_AaHuR-MTGzhBebLRvxy0Sh1o_jXEjTuMEAPx4zDzakyKCOE4E7BJWlIT9Q/s72-c/html5-onsoni.png
    OnSoni
    https://onsoni.blogspot.com/2011/11/insertar-musica-con-html5.html
    https://onsoni.blogspot.com/
    https://onsoni.blogspot.com/
    https://onsoni.blogspot.com/2011/11/insertar-musica-con-html5.html
    true
    8818836675902573334
    UTF-8
    Not found any posts Not found any related posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU Etiqueta ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Contents Ver también Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copiar todo el codigo Seleccionar todo el Código Todo el código se ha copiado en el portapapeles Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy