Description

Add an "Embed" interaction on a slide like a Youtube video or any website with an iframe.

Specs

You can take inspiration from other interactions like Polls or Forms.

Front

Presenter

When an embed is enabled and is in the current slide position, show it in full screen.

Manager

When clicking on "Add interraction", add this option to the popup:

Use this icon:

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z" />
</svg>

When selecting "Embed", show a form with fields title and content (get your inspirations from other interactions like Polls and Forms).

The content field is a textarea and the user has to fill it with an iframe. (<iframe></iframe>)

When added, you can enable it (like any other interactions). Do not forget: By enabling an interaction, you have to disable the others (only one enabled interaction by slide).

Report (when event is ended)

Display embed, if present, on the current slide in the report.

Back

When an Embed is added, broadcast it to all (presenter + manager + attendees). Like I said before, take your inspiration from other interactions like Forms or Polls.

When an Embed is enabled, disable any other interaction on the current slide.

Database

Add a table embeds with columns title (string), content (string), position (int), presentation_file_id (int / foreign key), enabled (bool), inserted_at (timestamp), updated_at (timestamp).