Convertir audio a MP3 en el navegador - Tutorial Javascript

Convierte audio a MP3 directamente en el navegador con Lame.js, sin servidor ni subida a terceros. guía paso a paso, mejoras recomendadas y casos prácticos.

7 sept 2025 • 4 min de lectura • Equip Q2BSTUDIO

Inteligencia-Artificial-

Esta semana celebramos el primer cumpleaños de mi hijo. Para ambientar la fiesta, mi esposa descargó más de 60 canciones infantiles y me pidió convertirlas a MP3 porque su altavoz no admitía el formato m4a. Mi primera idea fue usar un convertidor online, pero casi todos los gratuitos limitan a 2 o 5 archivos. Como buen desarrollador web con ganas de experimentar, decidí crear mi propio conversor y, sobre todo, averiguar si podía hacerlo directamente en el navegador.

Tras investigar, encontré la librería Lame.js, que permite codificar MP3 en el lado del cliente. En una mañana tuve una página sencilla que convertía todos los archivos a MP3 en minutos. A continuación te explico, paso a paso, cómo lograrlo en el navegador con JavaScript, de forma clara y sin dependencias de servidor.

Paso 1 Preparar el proyecto. Descarga el archivo lame.all.js del repositorio oficial y colócalo en la carpeta de tu proyecto. Crea una página sencilla con un campo de selección de archivos y un botón para iniciar la conversión. No necesitas más que un input de tipo file y un botón Convertir.

Paso 2 Leer el archivo de audio. Cuando el usuario haga clic en el botón, toma el primer archivo del input. Usa el método arrayBuffer del objeto File para obtener los bytes del audio en memoria. Con la API Web Audio crea un AudioContext y llama a decodeAudioData para obtener un AudioBuffer con las muestras de audio decodificadas.

Paso 3 Preparar los datos para Lame.js. Lame.js necesita datos en Int16. Convierte los valores de punto flotante del AudioBuffer a enteros de 16 bits por canal. Si el audio tiene más de dos canales, limita a estéreo. Aplica saturación para que cada muestra quede entre menos 32768 y 32767 y guarda los dos canales como arreglos de Int16.

Paso 4 Codificar a MP3. Crea una instancia de lamejs Mp3Encoder con el número de canales, la frecuencia de muestreo y el bitrate deseado por ejemplo 96 kbps para un equilibrio entre calidad y peso. Recorre las muestras en bloques de 1152 elementos idealmente múltiplos de 576 y llama a encodeBuffer con los fragmentos de canal izquierdo y derecho si es estéreo o solo el izquierdo si es mono. Añade los fragmentos de bytes devueltos a un arreglo intermedio y al final llama a flush para obtener los últimos datos pendientes del codificador.

Paso 5 Descargar el MP3. Une los fragmentos en un Blob con tipo audio mp3. Crea un objeto URL con URL createObjectURL, genera un enlace a, establece el nombre de archivo terminando en mp3 y simula un clic para lanzar la descarga. Luego libera la URL con revokeObjectURL.

Mejoras recomendadas. Para acelerar el proceso, mueve la codificación a Web Workers y verás mejoras muy notables en equipos multinúcleo. Añade procesamiento por lotes para múltiples archivos, arrastrar y soltar, barra de progreso por archivo, elección de bitrate, VBR y normalización opcional. Si necesitas máxima compatibilidad de formatos de entrada, considera un fallback con ffmpeg wasm únicamente cuando el navegador no pueda decodificar el formato de origen.

Notas prácticas. La decodificación de m4a y otros contenedores depende del navegador. Safari e iOS requieren interacción del usuario para iniciar AudioContext. Controla el uso de memoria en archivos largos procesando en bloques. Las patentes de MP3 expiraron hace años, pero revisa las licencias de las librerías que uses. Evita subir audios sensibles a servicios de terceros si puedes hacerlo localmente en el navegador.

Sobre Q2BSTUDIO. Somos una empresa de desarrollo de software centrada en aplicaciones a medida y software a medida, con un equipo que domina frontend, backend y experiencias multiplataforma. Podemos llevar esta misma idea de conversión local en navegador a tu flujo de negocio, integrarla con paneles, colas de trabajo, analítica y seguridad end to end. Descubre cómo diseñamos productos digitales robustos en nuestro servicio de desarrollo de aplicaciones y software a medida.

Además, en Q2BSTUDIO impulsamos soluciones de inteligencia artificial e ia para empresas, desde asistentes y agentes IA que automatizan procesos hasta extracción semántica de audio y texto para mejorar operaciones y CX. Si te interesa combinar este conversor con clasificación automática, transcripción y resúmenes con modelos avanzados, conoce nuestros servicios de inteligencia artificial para empresas.

También ofrecemos ciberseguridad y pentesting, servicios cloud aws y azure, servicios inteligencia de negocio con power bi e integración de datos. Nuestro enfoque abarca todo el ciclo, desde la idea hasta la puesta en producción, con calidad, seguridad y escalabilidad.

Palabras clave relacionadas aplicaciones a medida, software a medida, inteligencia artificial, ia para empresas, agentes IA, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, power bi, automatización de procesos.

Con esta guía puedes construir tu propio conversor de audio a MP3 en el navegador, sin subir archivos a terceros, manteniendo control y privacidad. Si necesitas una solución lista para producción o integrarla en tu plataforma, en Q2BSTUDIO estaremos encantados de ayudarte.

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat