EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            api de video html5
            Inserción de vídeo en HTML5
            13/11/2019
            insercion de audio en html5
            Inserción de audio en HTML5
            15/11/2019

            Formatos de archivos de audio y optimizaciones

            formatos de audio optimizacion web

            formatos de audio optimizacion web

            Tabla de contenidos

            • 3.1. Formatos de archivos de audio
              • 3.1.1. Formato WAV
              • 3.1.2. Formato MP3
              • 3.1.3. Formato OGG
              • 3.1.4. Formato MIDI
            • 3.2. Optimizaciones en archivos de audio para web
            • 3.3. Conversiones entre formatos
            • 3.4. Sitios web para la descarga de sonidos
            • Ejercicios propuestos

            La incorporación de audio digital en una página web es una necesidad que surge en múltiples contextos: grabación de locuciones, lecturas, entrevistas, debates, noticias, composiciones musicales, interpretaciones instrumentales, etc.

            Los audios digitales están disponibles en distintos formatos y disponen de una extensión de archivo específica. Existen muchos tipos de formatos de audio: mp3, wav, ogg, mp4, au… De todos estos formatos los que más se utilizan en la web son los formatos mp3 y ogg.

            3.1. Formatos de archivos de audio

            En esta sección vamos a tratar las características de algunos de los formatos y su optimización para la web.

            3.1.1. Formato WAV

            El formato WAV (WaveForm Audio File) es un archivo que desarrolló originalmente Microsoft para guardar audio. Los archivos tienen extensión *.wav.

            • Es ideal para guardar audios originales a partir de los cuales se puede comprimir y guardar en distintos tamaños de muestreo para publicar en la web.
            • Es un formato de excelente calidad de audio. Sin embargo produce archivos de un peso enorme.
            • Compresión: Los archivos WAV se pueden guardar con distintos tipos de compresión. Las más utilizadas son la compresión PCM y la compresión ADPCM. No obstante incluso definiendo un sistema de compresión, con un audio de cierta duración se genera un archivo excesivamente pesado.

            3.1.2. Formato MP3

            El formato MP3 (MPEG 1 Layer 3) fue creado por el Instituto Fraunhofer y por su extraordinario grado de compresión y alta calidad ha monopolizando el mundo del audio digital. Los archivos tienen extensión *.mp3.

            • Es ideal para publicar audios en la web. Se puede escuchar desde la mayoría de reproductores.
            • La transformación de WAV a MP3 o la publicación directa de una grabación en formato MP3 es un proceso fácil y al alcance de los principales editores de audio.
            • Tiene un enorme nivel de compresión respecto al WAV. En igualdad del resto de condiciones reduciría el tamaño del archivo de un fragmento musical con un factor entre 1/10 y 1/12.
            • Presentan una mínima pérdida de calidad.

            3.1.3. Formato OGG

            El formato OGG, desarrollado por la fundación Xiph.org, es libre y de código abierto, a diferencia del formato MP3. Los archivos tienen extensión *.ogg.

            • Muestra un grado de compresión similar al MP3 pero según los expertos en música la calidad de reproducción es ligeramente superior.
            • No todos los reproductores multimedia son capaces de leer por defecto este formato. En algunos casos es necesario instalar los códecs o filtros oportunos.
            • El formato OGG puede contener audio y vídeo.

            3.1.4. Formato MIDI

            El formato MIDI (Musical Instrument Digital Interface o Interfaz Digital para Instrumentos Digitales) en realidad no resulta de un proceso de digitalización de un sonido analógico y, por ello, no es un formato de audio propiamente dicho. Sus características son las siguientes.

            • Un archivo de extensión *.mid almacena secuencias de dispositivos MIDI (sintetizadores) donde se recoge qué instrumento interviene, en qué forma lo hace y cuándo.
            • Los archivos MIDI se pueden editar y manipular mediante programas especiales y distintos de los empleados para editar formatos WAV, MP3, etc. El manejo de estos programas suele conllevar ciertos conocimientos musicales.
            • Los archivos MIDI permiten audios de cierta duración con un reducido peso. Esto es debido a que no guardan el sonido sino la información o partitura necesaria para que el ordenador la componga y reproduzca a través de la tarjeta de sonido.
            • Se suelen utilizar en sonidos de fondo de páginas HTML o para escuchar composiciones musicales de carácter instrumental.

            3.2. Optimizaciones en archivos de audio para web

            Para optimizar el peso del archivo de audio que vamos a subir a nuestra web será necesario utilizar un editor para reducir alguno o algunos de los siguientes parámetros:

            1. Tasa de muestreo. Definir valores inferiores: 44100 Hz., 22050 Hz., 11025 Hz, etc.
            2. Resolución. Establecer resoluciones más pequeñas: 32-bits, 16-bits, 8-bits, 4-bits, etc.
            3. Duración. En ocasiones se puede utilizar un fragmento más corto que reproducido en bucle cubre el tiempo suficiente de acompañamiento musical. A éstos se les llama loops.
            4. Calidad estéreo/mono. La reducción a calidad “mono” reduce considerablemente el peso del archivo. La calidad de reproducción “mono” para la mayoría de audios y de usuarios es apenas perceptible.
            5. Formato. Es preferible utilizar el formato MP3 u OGG en lugar del WAV por su potente factor de compresión y su aceptable calidad de audio.

            3.3. Conversiones entre formatos

            En el caso de necesitar insertar un audio en una web, es posible que sea necesario utilizar un programa de edición para cambiar su formato o recortar un trozo, entre otras adaptaciones.

            Tal y como vimos en el apartado de edición de vídeo, podemos utilizar herramientas útiles y gratuitas como el reproductor VLC para hacer algunos cambios básicos sobre un vídeo o un audio. Además, para realizar ediciones de audio más complejas disponemos de Audacity, un software libre y fácil de utilizar.

            Audacity es un programa libre y de código abierto para grabar y editar sonidos. Se puede descargar para Windows, Linux o Mac en la página oficial: audacityteam.org

            Para cambiar el formato de un audio en Audacity:

            1. Abrimos Audacity.
            2. Abrimos el archivo que queremos convertir.
            3. “Archivo” y “Exportar”.
            4. Elegimos tipo de archivo (ejemplo: MP3) y aceptar.

            Más información sobre formatos de audio en ite.educacion.es

            3.4. Sitios web para la descarga de sonidos

            A continuación se propone un listado de bancos para la descarga de audios gratuitos para utilizarlos en proyectos propios.

            • elongsound.com
            • sshhtt.com
            • recursostic.educacion.es/bancoimagenes/web/
            • soundeffectsplus.com
            • es.audiomicro.com
            • soundsnap.com
            • findsounds.com

            Comprueba tu aprendizaje

            Indica las afirmaciones verdaderas sobre Audacity:

            Selecciona 2 respuestas

            ¡Bien! ¡Has fallado!

            Los formatos de audio más utilizados en la web son:

            ¡Bien! ¡Has fallado!

            Ejercicios propuestos

            Actividad 3

            Descarga un audio desde alguna de las plataformas vistas en el punto 3.4. Utiliza VLC Media Player para convertir el audio en los distintos formatos habituales en la web (MP3 y OGG).

            Compartir

            UD6. Sonido, Vídeo y animaciones

            • 1. Formatos de vídeo y conversiones
            • 2. Inserción de vídeo en HTML5
            • 3. Formatos de audio y optimizaciones
            • 4. Inserción de audio en HTML5
            • 5. Control de vídeo y audio con JavaScript
            • 6. Animaciones con propiedad animation
            • 7. Canvas en HTML5
            • 8. Animaciones en Canvas
            • 9. Referencias y recursos: sonido, vídeos y animaciones

            Diseño de Interfaces Web

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results