Preparar la voz una vez, dictar sin depender del internet, y saber dónde está cada archivo.
Es tu punto de partida siempre: Indice-de-Clases.dc.html, en la carpeta principal del proyecto. Ahí están las 65 clases repartidas por grado y periodo.
Arriba a la derecha, el botón Voz y audio abre el panel. Pega la clave, pulsa Guardar y luego Probar la voz: debe sonar una frase en inglés. La clave se queda en tu navegador y nunca entra en los archivos de las clases, así que puedes compartirlas sin exponerla.
Cuatro opciones en el mismo panel; Jessica es la más cercana a una profesora. Si la cambias más adelante, el audio ya preparado no sirve y hay que generarlo otra vez — cada voz se guarda por separado.
Pasa el cursor por la fila de una clase y pulsa el botón de audio, o usa preparar el grado junto al título del grado para las doce de una vez. El panel va contando el avance y puedes detenerlo cuando quieras: lo ya generado queda guardado.
Cada clase ronda las cien frases. Un grado completo son unos minutos y unos 70.000 caracteres de tu cuenta. Cuando termina, el botón de esa fila queda en verde: la clase ya habla sin internet.
Escribe el tema en el buscador — passive, condicional, verbos— o filtra por grado y periodo. Pulsa ⛶ y la clase se abre a pantalla completa sin salir del índice. Flechas ← → para pasar diapositivas, Esc para volver.
El círculo al inicio de cada fila marca la clase como dictada y queda guardado. El chip Solo pendientes te deja ver únicamente lo que falta del año.
| Archivo | Para qué es |
|---|---|
| Indice-de-Clases.dc.html | El índice: buscar, filtrar, marcar, proyectar y preparar las voces. Empieza siempre aquí. |
| 7-P1-T1-… hasta 11-P4-T3-… | Las 65 clases sueltas. El número es el grado, la P el periodo y la T el tema. |
| Guia-de-Uso.dc.html | Esta guía. |
| Presentacion-Indice-de-Clases.dc.html | Once diapositivas que resumen el plan del año, para mostrárselo a otros docentes. |
| Todo-en-Uno.html | Las 65 clases dentro de un solo archivo, para llevar en memoria USB. |
| sitio/ | La carpeta que se sube a Cloudflare. Ya trae el índice como index.html, las clases, la guía y la presentación. Aquí dentro va la carpeta voces/. |
| sitio/LEEME.txt | Los pasos de publicación en texto plano, para leerlos meses después sin abrir nada más. |
| sitio/_headers | Le dice a Cloudflare que guarde el audio en caché. No lo borres ni lo renombres. |
| Indice-de-Clases-v1.dc.html | El índice anterior, guardado por si acaso. |
| Configurar-Voz.dc.html | El panel de voz suelto. Ya no hace falta: está dentro del índice. |
| uploads/ | Tus materiales originales: los planes de periodo en Word y los PDF del colegio. No se publica. |
Queda guardado en el navegador donde lo preparaste. Usa siempre el mismo equipo para proyectar; si cambias de máquina, hay que preparar de nuevo.
Una clase sin audio preparado habla con la voz del navegador. Se entiende, pero suena robótica: por eso conviene preparar la del día anterior.
Una frase ya generada no se vuelve a pedir. Repetir «preparar el grado» solo genera lo que falte.
Son dos archivos, nada más. El primero trae las 65 clases; el segundo, la voz de ElevenLabs ya generada para que no dependa del internet ni de la cuenta.
En tu computador de siempre, con internet, prepara los grados que vas a dictar (paso 04). Solo se puede empaquetar lo que ya esté generado.
En el panel Voz y audio, al final, están los dos botones: Descargar Todo-en-Uno.html y Descargar voces-pack.js. El segundo puede pesar bastante — un grado completo ronda los 40 MB.
Los dos en la misma carpeta, uno al lado del otro. El nombre del segundo tiene que quedar exactamente voces-pack.js — si el navegador lo bajó como voces-pack (1).js, renómbralo.
Abre Todo-en-Uno.html desde la USB — con Chrome o Edge. Bajo el título del índice debe decir «voz de ElevenLabs incluida»: esa es la señal de que encontró el paquete. Elige la clase en la lista de la izquierda y proyecta. No necesita internet ni tu clave.
Cloudflare Pages aloja el sitio gratis y entrega una dirección propia. No hace falta GitHub ni escribir comandos: se arrastra una carpeta y listo.
Igual que para el salón: en el índice, panel Voz y audio, prepara los grados que quieras que suenen en el sitio.
El botón Descargar voces-web.zip arma un comprimido con un MP3 por frase. Para internet el audio va suelto, no en un solo paquete: Cloudflare rechaza cualquier archivo de más de 25 MB.
La carpeta sitio ya trae el índice, las clases, la guía y la presentación. Descomprime el zip ahí dentro, junto a index.html, hasta que te quede una carpeta sitio/voces/ llena de MP3.
En dash.cloudflare.com: menú Workers & Pages → Create → Pages → Upload assets. Le pones nombre, arrastras la carpeta completa y pulsas Deploy. En un minuto tienes algo como angeles-ingles.pages.dev.
Entras al proyecto en Cloudflare, Create new deployment y sueltas la carpeta otra vez. Reemplaza todo y la dirección no cambia.
El sitio queda público: cualquiera con el enlace entra. Tu clave de ElevenLabs no viaja en ningún archivo — el audio ya viene generado, así que los visitantes lo escuchan sin gastar nada de tu cuenta.
En la memoria USB, si dice «voz del navegador»: no está viendo el paquete. Revisa que los dos archivos estén en la misma carpeta y que el nombre no tenga un número al final. Si lo abriste con un visor raro, prueba con Chrome.
En el sitio publicado, si suena robótico: falta la carpeta voces/ en lo que subiste, o el zip se descomprimió un nivel de más y quedó como sitio/voces-web/voces/. Tiene que ser sitio/voces/ a secas, al lado de index.html.
En ambos casos, ten en cuenta que el audio exportado solo trae la voz que tenías elegida en ese momento.