Overlays du selv styrer.

Tilføj én browserkilde i OBS, så er du klar. Rediger hver widget med HTML, CSS og JS direkte i dashboardet, og tag dine StreamElements-widgets med.

Bygget til den måde, du streamer på

Alt hvad du skal bruge til alerts, og intet du selv skal hoste.

Én browserkilde

Alle widgets ligger bag én URL. Tilføj den i OBS én gang, og skift udseendet fra dashboardet.

Rediger med HTML, CSS og JS

Åbn en widget i editoren i dashboardet og ændr, hvad du vil. Det er din kode.

API i StreamElements-stil

Widgets får de samme events og SE_API-hjælpere som custom widgets i StreamElements, så dem du har, er nemme at tage med.

Testalerts

Send en test fra dashboardet og se den lande i OBS.

Mistede alerts afspilles

Hvis OBS mister forbindelsen og forbinder igen, afspilles de alerts, du gik glip af, når den er tilbage.

Tag dine StreamElements-widgets med

Vores widget-API følger StreamElements' API til custom widgets: de samme events onWidgetLoad og onEventReceived, plus SE_API til gemte værdier og tællere. Indsæt din kode i editoren og tjek den med en testalert.

Widget-JS i editoren
window.addEventListener("onWidgetLoad", (obj) => {
  const { fieldData } = obj.detail;
  setup(fieldData);
});

window.addEventListener("onEventReceived", (obj) => {
  const { listener, event } = obj.detail;
  if (listener !== "tip-latest") return;

  playAlert(event);
  SE_API.counters.add("tips");
});

Tilføj det i OBS

Fire trin, og det sidste er det sjoveste.

Trin-for-trin-guider
  1. Kopiér din overlay-URL

    Åbn Overlays i dashboardet og kopiér dit link. Behandl det som en adgangskode.

  2. Tilføj en browserkilde

    I OBS tilføjer du en ny kilde til din scene og vælger Browser.

  3. Indsæt URL'en

    Indsæt dit link og sæt størrelsen til at matche dit lærred, for eksempel 1920 × 1080.

  4. Send en testalert

    Send en test fra dashboardet og se den poppe op i OBS.

Gør dine alerts til dine egne.

Få dit link, tilføj én browserkilde, og begynd at redigere.

89 kr om måneden. 0 % af hvert tip.