Live-chat

Keskustele live-lähetyksessä

Upotettava chat ViihdeVisionin suoratoistolähetyksiin. Kirjautuminen tapahtuu hiljaa host-sivulta — ei vieraskäyttäjiä.

Kokeile demoa Upotusohjeet

live-chat

Ominaisuudet

Kaikki mitä tarvitset live-keskusteluun suoratoiston yhteydessä.

Reaaliaikainen chat

WebSocket-yhteys live-lähetyksiin. Viestit näkyvät heti kaikille katsojille.

Hymiöreaktiot

Katsojat voivat lähettää reaktioita, jotka leijuvat chatin yllä reaaliajassa.

Upotettava

Iframe-upotus verkkosivulle tai mobiilisovellukseen. Teema ja värit muokattavissa.

Upotus

Lisää chat iframe-upotuksella verkkosivulle tai sovellukseen.

Iframe-upotus

Polku /embed?room=ingest:kanava. Teema: theme=vv, värit accent, bg, bgElevated.

<iframe
  id="vv-live-chat"
  src="https://chat.viihdevision.fi/embed?room=ingest:oma-kanava&theme=vv"
  style="width:100%;height:480px;border:0;border-radius:12px"
  allow="clipboard-write"
></iframe>

Hiljainen kirjautuminen

Upotus lähettää hostille ready-viestin. Host vastaa accessTokenilla. React Native WebView: sama JSON window.ReactNativeWebView.postMessage kautta.

window.addEventListener("message", (event) => {
  const data = typeof event.data === "string" ? JSON.parse(event.data) : event.data
  if (data?.source === "vv-live-chat" && data?.type === "ready") {
    const iframe = document.getElementById("vv-live-chat")
    iframe?.contentWindow?.postMessage(
      {
        source: "vv-live-chat-host",
        type: "auth",
        accessToken: "JM_ACCESS_TOKEN",
      },
      "*"
    )
  }
})

Paikallinen kehitys: ?accessToken=... toimii, mutta on turvaton — älä käytä tuotannossa.

API

→REST: NEXT_PUBLIC_API_URL (oletus https://api.viihdevision.fi)
→WebSocket: NEXT_PUBLIC_WS_URL (oletus wss://api.viihdevision.fi/ws)