H5P Resizer JS

כלי זה מנתח מכולה אירוח מטרה ומספק כללי מידות לבלוקים של תוכן H5P, כך שהתוכן יתאים ללא גלישה ויבטיח שמירה על האינטראקטיביות. הוא מיועד למפתחים, מעצבי הדרכה ומחברי קורסים המשבצים פעילויות H5P בדפי LMS רספונסיביים. כאשר עיצוב העמוד דורש גודל H5P עקבי בין נקודות שבירה או כשהתוכן גדול מדי עבור מכולה או משאיר רווח לבן רב מדי, הכלי מספק מדידות מוכנות לשילוב וציטוטי קוד שלא משנים נכסי H5P עצמם.
הפעולה המרכזית משתמשת בגישה של התאמת המשתנה למכולה: נתונות container_width ו- container_height ואספקט-יחס אופציונלי, הוא מחשב גורם סקלה יחיד ומיישם אותו על מידות הבסיס של הבלוק H5P. אם אספקט-יחס מספק, הכלי מכריח מידות סופיות להתאים לאותו יחס ומחשב מחדש את הסקל כדי למזער עיוותים. מגבלות אופציונליות (min_width, max_width, min_height, max_height) מגבילות את התוצאה. הכלי יכול לייצא חתיכת CSS ואז, לפי הצורך, ח Hook JavaScript קל שמיישם את המידות מחדש בכל שינוי גודל. הוא שומר על המשטח האינטראקטיבי תוך הצגת תוצאה דטרמיניסטית. מקרי שימוש טיפוסיים כוללים כרטיסים אחידים ברשימות קורסים, לוחות מחוונים המציגים פעילויות מרובות ומודולים המשולבים בתוך בלוקים אחרים. הערך הייחודי הוא יצירה אוטומטית של כללי שילוב מוכנים להדבקה או צירוף לעמודה ללא חישובים ידניים. הרחבות עתידיות יכולות לכלול התאמת גובה אוטומטית, תיוג DPI- aware או פרסייטים לכל פעילות, תוך שמירה על מיקוד בהתאמת תכולה והבטחת יחסיות.