H5P Resizer JS

Dette værktøj analyserer en målcontainer og leverer dimensioneringsregler for H5P-indholdblokke, så indholdet passer uden overlap og bevarer interaktiviteten. Det henvender sig til udviklere, instruktionsdesignere og kursforfattere, der indlejrer H5P-aktiviteter i responsive LMS-sider. Når en side-layout kræver ens størrelse på tværs af breakpoints, eller indholdet er for stort til en container eller giver for meget tomrum, leverer værktøjet integration-klare målinger og kodeudklip, der ikke ændrer H5P-assets.
Kernen bruger en fit-to-container-tilgang: givet container_width og container_height og en valgfri aspect_ratio beregner den en enkelt skaleringsfaktor og anvender den på H5P-blokkens basemål. Hvis aspect_ratio er angivet, tvinger værktøjet endelige dimensioner til at matche forholdet og beregner skalaen igen for at minimere distortion. Valgfrie begrænsninger (min_width, max_width, min_height, max_height) begrænser resultatet. Værktøjet kan eksportere et CSS-snippet og, om nødvendigt, en let JavaScript-hook, der anvender størrelsen igen ved ændring af størrelsen. Bevarer den interaktive overflade, samtidig med at rendering er deterministisk. Typiske anvendelsestilfælde omfatter ensartede kort i kursuskataloger, dashboards med flere aktiviteter og moduler indlejret i andre indholdsbokse. Værdien ligger i automatisk genererede embed-klare regler, som praktikere kan indsætte uden manuel beregning. Fremtidige udvidelser kan inkludere højdevandring, DPI-oplevet skalering eller presets pr. aktivitet, mens fokus forbliver på container-fit og bevarelse af aspect-forhold.