Owncast Live Badge

Card Style (Dark)

Pill Style (Dark)

Card Style (Light)

Pill Style (Light)

Hide When Offline

These badges are hidden when the stream is offline. If you see nothing, nobody's live.

Usage

<!-- Minimal — just point it at an Owncast instance --> <owncast-badge instance="https://stream.example.com"></owncast-badge> <!-- With a display name --> <owncast-badge instance="https://stream.example.com" name="My Stream"></owncast-badge> <!-- Compact pill style --> <owncast-badge instance="https://stream.example.com" variant="pill"></owncast-badge> <!-- Light theme --> <owncast-badge instance="https://stream.example.com" theme="light"></owncast-badge> <!-- All options --> <owncast-badge instance="https://stream.example.com" <!-- required --> name="My Stream" <!-- display name (default: hostname) --> variant="pill" <!-- "pill" or omit for card --> theme="light" <!-- "light" or omit for dark --> hide-offline <!-- hide when offline --> ></owncast-badge> <script src="owncast-badge.js"></script>