Trivia card

A trivia round that runs itself: a question with its choices and a countdown, then the answer, then a fun fact, one question after another. The cycle is computed from the wall clock, so every screen shows the same question at the same second. Seconds per phase and the order (as listed or a shared shuffle) are params; questions are dynamic content.

Category: Media. Tags: Social and audience, Events and venues, Schools and campuses, Restaurants and cafes, Bars and pubs.

Previews

Trivia
Canvas
Trivia
Corner
Trivia
Chip

Views and forms

Views: canvas, corner, chip. Canvas forms: landscape, portrait, square, strip.

Card views, themes and publishing. Browse the gallery.

Data and privacy

This card uses its configured properties and live card data.

Properties

For theme, background, accent and position, see Common properties.

Set static properties in params. Bind data to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in params. Nested rows describe the contents of their parent property.

Static properties

NameTypeDefaultValues and limitsDescription
titlestring"Trivia"maxLength: 40The label above the question.
askSecondsinteger15minimum: 5; maximum: 120How long the question and its countdown show.
revealSecondsinteger6minimum: 3; maximum: 60How long the answer shows.
factSecondsinteger6minimum: 3; maximum: 60How long the fact shows, for questions that have one.
orderstring"in-order""in-order", "shuffle"in-order follows the list; shuffle draws a new order every round, the same on every screen.

Dynamic properties

NameTypeDefaultValues and limitsDescription
questionsarray[]maxItems: 40The questions. choices (two to six) are optional; answer is the correct choice's text or its position (0 is the first) and, with no choices, the answer itself. fact is shown after the answer.
questions[].questionstringmaxLength: 200; Required
questions[].choicesarraymaxItems: 6
questions[].answerstring, integermaxLength: 120; Required
questions[].factstringmaxLength: 240

Canvas example

Add this item to a playlist page’s primitives. Publish the playlist and assign a screen.

{
  "id": "trivia",
  "primitive": "card",
  "card": "trivia",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill",
  "data": "trivia-main"
}

Write live data

Create this document before showing the card, then replace it to update the screen without republishing. Use the same project as the playlist. Supply your API authorization through the environment; see API authentication.

curl --request PUT "https://api.screenrig.ai/api/card-data/trivia-main" \
  --header "Authorization: Bearer $SCREENRIG_TOKEN" \
  --header "ScreenRig-Project: $SCREENRIG_PROJECT" \
  --header "Content-Type: application/json" \
  --data '{"document":{"questions":[]}}'