BEAM X1 Sense - testovací stránky

Simuluje cizí školící platformu, která si vkládá doplněk BEAM X1 Sense. Každá varianta ukazuje jiný způsob vložení a po skončení sama vyhodnotí výsledek: zelené a červené kontroly a spojení událostí hostitele s časovou osou.

Verze doplňku: zjišťuji...

Čisté HTML

Statická stránka, skript vložený značkou script. Nejjednodušší případ a vzor pro návod.

Stránka generovaná JavaScriptem

Stránka i vložení doplňku vznikají za běhu, skript se načítá dynamicky. Zkouší také stažení kopie.

Přísná CSP

Stránka povolí jen nutné zdroje. Ověřuje, že seznam povolených adres v návodu je úplný. Přidáním ?style=strict se zkouší i varianta bez povolených inline stylů.

Školení v iframe, doplněk nad ním

Obsah školení je v rámečku, doplněk na obalové stránce. Události z rámečku přicházejí přes postMessage.

Doplněk uvnitř iframe

Celé školení včetně doplňku je v rámečku. Ukazuje, proč je nutný atribut allow="camera; microphone".

Ověření výpočtů na kameře

Vedený test na skutečné kameře: pohled doleva a doprava, otočení hlavy, náklon, mrkání, zavřené oči, zívnutí, vzdálenost 40, 60 a 80 cm. Porovná naměřené hodnoty s očekávanými a doporučí měřítko pro vzdálenost.

Ladicí fotky se zapnou přidáním ?photos=1 k adrese varianty (kromě CSP a iframe nad). Kamera vyžaduje HTTPS nebo localhost.