H5P Resizer JS

Detta verktyg analyserar en målcontainer och levererar måttregler för H5P-innehållsblock så att innehållet passar utan överflöd och samtidigt bevarar interaktiviteten. Det riktar sig till utvecklare, instruktionsdesigners och kursförfattare som integrerar H5P-aktiviteter i responsiva LMS-sidor. När en sidlayout kräver ett enhetligt H5P-storlek över brytpunkter eller när innehållet är för stort för en container eller lämnar mycket vitt utrymme, erbjuder verktyget integrationsfärdiga mått och kodsnuttar som inte ändrar H5P-aktiva tillgångar.
Kärnfunktionen använder en fit-to-container-strategi: givet container_width och container_height och ett valfritt aspect_ratio beräknar den en enda skalfaktor och tillämpar den på H5P-blockens basdimensioner. Om aspect_ratio ges, tvingar verktyget slutliga dimensioner att matcha förhållandet och beräknar sedan om skalan för att minimera distortion. Valfria begränsningar (min_width, max_width, min_height, max_height) begränsar resultatet. Verktyget kan exportera ett CSS-snippet och, vid behov, en lätt JavaScript-hook som återanpassar storleken vid omstorning. Bevarar den interaktiva ytan samtidigt som rendering blir deterministisk. Vanliga användningsfall inkluderar enhetliga kort i kurskataloger, dashboards som visar flera aktiviteter och moduler inbäddade i andra innehållsblock. Värdet ligger i automatisk generering av inbäddningsklara regler som praktiker kan klistra in utan manuell beräkning. Framtida utbyggnader kan inkludera höjduppskattning, DPI-känslig skalning eller per-aktivitet-presets, samtidigt som fokus hålls på containar-fit och bevarande av bildförhållande.