@labir
Opensource knihovna (2024)
LRC soubor
Snímek z termokamery TIMI Edu
@labir
JS knihovna pro browser
analytická aplikace v prohlížeči
webcomponents / React / Vue
1<!-- Nejjednodušší verze webcomponenty -->
2<thermal-file-app
3 url="/labir/snimek.lrc"
4 label="Ukázka"
5 palette="iron"
6 analysis1="Analýza A;rectangle;color:Blue;top:14;left:8;width:65;height:31"
7 analysis2="Analýza B;ellipsis;color:Green;top:34;left:102;width:34;height:47"
8></thermal-file-app>
9
10<!-- Kdekoliv načtěte knihovnu -->
11<script src="https://cdn.jsdelivr.net/npm/@labir/embed/dist/embed.min.js"></script>
12Hlavní funkce
- čtení binárních souborů LRC přes webworkers
- vykreslení souborů do
<canvas> - nastavení barevné palety, teplotního rozsahu a dalších parametrů
- analýzy
- pokročilý export (PNG / CSV)
Přehrávání sekvencí
LRC soubory mohou obsahovat 1 snímek, anebo celou nahrávku. Knihovna @labir umí přehrát sekvence a převést je do webm videa.
Skupinové zobrazení
Možnost pracovat s více soubory zaráz je určena pro vyhodnocení časosběrných měření.
Kód
Balíčky jsou vyvíjeny jako monorepo se vzájemnými závislostmi:
- @labir/core
základ funkcionality v čistém TS - @labir/embed
implementace @labir/core do webcomponent (Lit.js) - @labir/react-bridge
React hooky ovládající @labir/core a usnadňující tvorbu UI komponent - @labir/wordpress
Wordpress plugin využívající webcomponenty