H5P Resizer JS

Esta herramienta analiza un contenedor de host objetivo y devuelve reglas de dimensiones para bloques de contenido H5P que aseguran que el contenido quepa sin desbordarse y mantenga la interactividad. Está pensada para desarrolladores, diseñadores instruccionales y autores de cursos que incrustan actividades H5P en páginas LMS sensibles a tamaños. Cuando un diseño de página requiere un tamaño H5P coherente entre puntos de quiebre o cuando el contenido es demasiado grande para un contenedor o deja mucho espacio en blanco, la herramienta ofrece mediciones listas para integrar y fragmentos de código que no modifican los activos H5P.
El núcleo opera usando un enfoque de ajuste al contenedor: dada container_width y container_height y una relación de aspecto opcional, calcula un único factor de escala y lo aplica a las dimensiones base del bloque H5P. Si se proporciona aspect_ratio, la herramienta impone dimensiones finales para coincidir con esa proporción y luego recalcula la escala para minimizar la distorsión. Las restricciones opcionales (min_width, max_width, min_height, max_height) limitan el resultado. La herramienta puede exportar un fragmento CSS y, opcionalmente, un pequeño gancho de JavaScript que re-aplica el dimensionamiento al redimensionar. Mantiene la superficie interactiva mientras entrega renderizado determinista. Casos típicos de uso incluyen tarjetas uniformes en catálogos de cursos, paneles que muestran varias actividades y módulos incrustados en otros bloques de contenido. El valor único es la generación automática de reglas de incrustación listas para pegar o adjuntar a una página sin cálculos manuales. Futuras extensiones podrían incluir ajuste de altura automático, escalado DPI-aware o presets por actividad, manteniendo un enfoque limitado en ajuste de contenedor y preservación de la relación de aspecto.