Detector de tags

Câmera ao vivo

No modo simulação, clique numa tag abaixo.
No modo câmera real, aponte o objeto físico à câmera do notebook.

câmera desligada

clique em "Ligar câmera"

● simulação
selecione uma tag abaixo
Status da detecção
# aguardando tag...
Como funciona na prática
Na aplicação real, o reacTIVision detecta a tag via UDP :3333 e envia posição + ângulo ao servidor Python.

Nesta demo, o clique simula esse sinal — a lógica de dados é idêntica.

Para usar imagens reais, troque a URL em DATA[id].imageUrl.
Tags fiduciais

Selecione ou apresente uma tag

Clique para simular · ou use a câmera real com o objeto físico impresso

← selecione uma tag

TUIO · UDP :3333
# aguardando...
AKG · Cypher pontual Neo4j
# aguardando...
Métricas da zona
— selecione uma tag —
Prompt → Stable Diffusion
— aguardando —
Mecanismo

Da tag à imagem e análise

01 — câmera
Tag detectada

reacTIVision processa o frame em P&B e extrai id, x,y normalizado e ângulo θ. Transmitidos via UDP :3333 ao servidor Python. Nesta demo: o clique simula esse sinal.

02 — grafo
AKG filtra no tempo

O ângulo θ define a data de consulta. O Applied Knowledge Graph retorna apenas nós com valid_from ≤ data AND valid_to > data — subgrafo determinístico, sem ambiguidade temporal para o LLM.

03 — síntese
Imagem e análise

Stable Diffusion gera a imagem via POST /sdapi/v1/txt2img. Na demo: canvas sintético. Para imagens reais: basta trocar DATA[id].imageUrl por uma URL — o resto é idêntico.

Para desenvolvedores

Trocar canvas por mídia real

Imagem estática (URL)

Em DATA[id], adicione imageUrl: "https://...".
A função showMedia() detecta automaticamente e usa <img> em vez do canvas.
Pode ser S3, CDN, ou resposta base64 do Stable Diffusion.

Vídeo (URL ou stream)

Adicione videoUrl: "https://..." em DATA[id].
A função usa <video autoplay loop muted> no painel.
Funciona com .mp4, .webm ou HLS stream.