@labirthermalIR recordings in the browser

Set of TypeScript packages and webcomponents for work with IR recordings in the browser

html


<!-- Import the IIFE build of the library-->
 <script src="https://cdn.jsdelivr.net/npm/@labirthermal/webcomponents@2.0.4/dist/iife/embed.iife.js"></script>

<!-- Use the webcomponents anywhere in your DOM -->
 <thermal-file-app
  label="A thermal file"
  thermal="/files/sequence.lrc"
  analysis1="Rectangle 0;rectangle;color:Blue;top:22;left:25;width:80;height:53;min"
 ></thermal-file-app>

LRC thermal recordings

View and analyse LRC recordings with a ready-to-use web component. Adjust the palette and temperature range, play sequences and inspect temperatures in selected areas.

Explore the file app

Multiple files at once

Compose a workspace for multiple recordings using provider elements. Share palettes and temperature ranges, and synchronise analysis areas across files in a group.

Compose your workspace

Framework independent

Load a script and add custom HTML elements to your page. Configure them with attributes, without depending on a frontend framework.

Usage in the browser

Built with Lit

Lightweight, fast and standards-based components built on top of the Lit library.

lit.dev