Visa publikens frågor i OBS och vMix: steg för steg

Richard Frantzen, founder of AskTide · Uppdaterad

Att visa frågor i OBS eller vMix kräver ingen plugin och ingen green screen. Ni lägger till en webbsida med transparent bakgrund som källa, och sedan styr ni vilken fråga som syns från en annan dator eller mobil. Här är hela flödet, med menynamnen på både svenska och engelska och en felsökningslista för när något inte syns.

Kort svar: För att visa publikens frågor i OBS lägger ni till källan Webbläsare (Browser) med frågeverktygets displaylänk, bredd 1920 och höjd 1080. I vMix lägger ni till en Web Browser-input med samma länk. Sidan har transparent bakgrund, så frågan läggs ovanpå bilden utan chroma key, och ni väljer vilken fråga som visas från verktygets styrvy.

Så fungerar frågor i OBS och vMix

Både OBS och vMix kan visa en webbsida som en källa i bild. Om sidan har transparent bakgrund syns bara själva grafiken, till exempel ett frågekort eller en lower third, och resten av bilden går igenom. vMix hjälp skriver uttryckligen att Web Browser-inputen stöder transparent bakgrund och alfakanal.

Flödet ser ut så här: publiken skickar frågor från mobilen, någon väljer ut en fråga i en styrvy, och grafiksidan uppdateras direkt i sändningsprogrammet. I AskTide heter grafiksidan Display och har adressen asktide.com/display/SESSIONS-ID. Den är 1920×1080 och transparent, och visar den fråga som ligger i sändning samt omröstningar, namnskyltar och QR-kod. Uppdateringar når grafiken via en livekoppling inom bråkdelen av en sekund.

Förberedelser

  1. Skapa en session. Skapa ett gratis konto och en session för sändningen. Varje session har ett ID på åtta tecken och egna länkar för publik, styrning, moderator och grafik.
  2. Hämta displaylänken. Kopiera länken till Display-utgången. Vill ni visa en vägg med flera frågor finns även Flow grid (/flow/SESSIONS-ID), och för ett helskärmsmeddelande Live text (/live-text/SESSIONS-ID).
  3. Kontrollera kanvasstorleken. Grafiken är byggd för 1920×1080. I OBS ser ni grundupplösningen under Inställningar → Video → Grundupplösning (kanvas) (Settings → Video → Base (Canvas) Resolution).

Visa frågor i OBS: lägg till källan Webbläsare

I svenskt gränssnitt heter källtypen Webbläsare. I engelskt gränssnitt heter den Browser. Namnen nedan kommer från OBS egna svenska översättningsfiler.

Använd samma webbläsarkälla i flera scener genom att lägga till den som befintlig källa i stället för att skapa en ny. Då laddas sidan bara en gång och alla scener visar samma fråga.

  1. Välj scen. Markera den scen där frågorna ska synas, till exempel er huvudkamerascen, i rutan Scener (Scenes).
  2. Lägg till källa. Klicka på plustecknet under Källor (Sources) och välj Webbläsare (Browser). Välj Skapa ny (Create new), ge källan ett namn som Publikfrågor och klicka OK.
  3. Klistra in länken. Klistra in displaylänken i fältet URL. Sätt Bredd (Width) till 1920 och Höjd (Height) till 1080. Lämna fältet Anpassad CSS (Custom CSS) som det är, eftersom sidan redan är transparent.
  4. Välj beteende när källan döljs. Rutan Stäng ned källor som inte visas (Shutdown source when not visible) avgör om sidan laddas om när den döljs. Låt den vara avbockad om ni vill att grafiken ska ligga redo och växla direkt.
  5. Placera källan. Källan ska täcka hela kanvasen. Om den inte gör det, högerklicka och välj Omvandla → Anpassa till skärmen (Transform → Fit to screen). Lägg källan överst i källistan så att den hamnar ovanpå kameran.
  6. Testa. Lägg en testfråga i sändning från styrvyn och kontrollera att den syns i förhandsvisningen. Byt layout (kort, lower third, ticker, minimal eller helskärm) och position i AskTides grafikeditor, inte i OBS.

Visa frågor i vMix: Web Browser-input

  1. Lägg till input. Klicka på Add Input och välj Web Browser.
  2. Ange adress och storlek. Klistra in displaylänken som URL. Ställ in bredd och höjd till 1920×1080 så att grafiken matchar er utdatastorlek; enligt vMix hjälp visas sidan centrerad om storleken är mindre än utdatan.
  3. Lägg grafiken som overlay. Lägg inputen på en overlay-kanal så att den ligger ovanpå det som är i Program, och aktivera overlayn när ni vill att frågorna ska synas.
  4. Testa transparensen. Lägg en fråga i sändning och kontrollera att bara frågegrafiken syns över bilden. Om ni ser en färgad bakgrund, se felsökningen nedan.

Mer detaljer om vMix finns i vår vMix-guide (på engelska).

TriCaster

TriCaster kan också visa webbsidor som källor. Upplägget skiljer sig mellan modeller och programversioner, så vi har en egen TriCaster-guide (på engelska) som går igenom inställningarna.

Styr publikfrågorna under livesändningen

Själva styrningen sker i AskTides styrvy, gärna på en annan dator eller surfplatta än sändningsdatorn. Frågorna kommer in i kolumnen New, flyttas till Selected när de är godkända och till On Air när de ska synas. Bara en fråga är i sändning åt gången; när ni lägger en ny i sändning går den förra tillbaka till Valda. Besvarade frågor flyttas till Klara.

Har ni en separat moderator kan hen få en lösenordsskyddad moderatorlänk som bara visar frågorna. Moderatorn kan redigera, välja ut och flytta frågor och lägga dem i sändning, men kommer inte åt inställningar eller grafik.

AskTide har ingen röstning på frågor från publiken. Det är producenten eller moderatorn som väljer, vilket passar sändningar där någon har redaktionellt ansvar. Tips för den rollen finns i checklistan för att moderera frågor från publiken.

Felsökning

De flesta problem handlar om storlek, cache eller nätverk. Gå igenom listan uppifrån.

ProblemTrolig orsakÅtgärd
Inget syns allsIngen fråga ligger i sändning, eller fel länkLägg en fråga i sändning och kontrollera att länken är display-länken för rätt session
Grafiken är för liten eller hamnar felKällan är inte 1920×1080 eller är skaladSätt bredd 1920 och höjd 1080; använd Anpassa till skärmen (Fit to screen) i OBS
Svart eller vit bakgrundEgen CSS som sätter bakgrundsfärg, eller fel källtypTöm fältet för anpassad CSS och använd källtypen Webbläsare/Web Browser, inte fönsterinspelning
Gammal version av grafikenCache i webbläsarkällanI OBS: öppna Egenskaper (Properties) och klicka på Uppdatera cachen för aktuell sida (Refresh cache of current page)
Frågan dyker upp med fördröjningNätverket på sändningsdatornKontrollera att sändningsdatorn har stabil uppkoppling och att ingen brandvägg blockerar WebSocket-trafik
Fel teckensnitt eller färgerTemat är inte tillämpat på sessionenTillämpa ert tema på sessionen i AskTide; alla grafiker uppdateras på en gång

Fler detaljer för OBS finns i vår OBS Studio-guide och i artikeln show audience questions on screen in OBS (båda på engelska). Jämför verktyg i listan över gratis alternativ till Slido och Mentimeter.

Vanliga frågor

Hur visar jag frågor från publiken i OBS?

Lägg till källan Webbläsare (Browser) med frågeverktygets displaylänk i 1920×1080. Med transparent bakgrund syns bara frågegrafiken ovanpå bilden.

Vad heter browser source på svenska i OBS?

I svenskt OBS-gränssnitt heter källtypen Webbläsare. Den finns under plustecknet i rutan Källor.

Behöver jag green screen eller chroma key?

Nej, inte om grafiksidan har transparent bakgrund. Både OBS webbläsarkälla och vMix Web Browser-input visar transparens direkt.

Kan jag visa flera frågor samtidigt?

Display-utgången visar en fråga åt gången. Vill ni visa många frågor samtidigt kan ni använda Flow grid, som visar en rullande vägg med frågor från en vald kolumn.

Fungerar det i vMix?

Ja. Lägg till en Web Browser-input med displaylänken och lägg den på en overlay-kanal.

Kostar det något?

OBS är gratis och AskTide är gratis under betan. vMix är ett betalprogram.

Läs mer