1. Home
  2. Handleiding Universiteit Leiden Videoportal
  3. 6. Interactieve Video’s
  4. Een interactieve video maken

Een interactieve video maken

In dit hoofdstuk wordt behandeld hoe je een interactieve video kan maken. De eerste paar stappen van het vorige hoofdstuk worden doorgelopen voor de initiële setup.

  • Open het media venster door te klikken op de ‘Show media’ knop in de rechterhoek van het scherm.
    • In dit venster zie je alle media waar je eigenaar van bent en welke je dus kan gebruiken in je interactieve video
      • Een verzoek tot het overdragen van eigenaarschap kan worden geplaatst bij de video-coordinatoren
  • Om het project te starten begin je met het slepen van de eerste video vanuit het media paneel naar de ‘Start’ node
  • Zodra je een video op het canvas sleept maakt de software automatisch een node voor de video aan. Geef de node een naam door dubbel te klikken op de naam boven de node of vanuit het ‘Node edit’-venster
  • De volgende stap is het aan elkaar verbinden van de nodes zodat ze na elkaar af zullen spelen
    • Om een video aan de volgende te verbinden kan je boven het midden van de rechterzijde van de node hangen (zie plaatje hieronder), hierdoor wordt een pijl icoon zichtbaar:

    • Wanneer je op het pijl icoon klikt en deze sleept naar de volgende node, dan zal deze node een halve cirkel tonen waaraan je de vorige video kan verbinden. Eenmaal verbonden is het  ‘pad’ tussen beide gereed

  • Wanneer de video’s met elkaar worden verbonden, worden er automatisch hotspots gegenereerd waarmee de kijker kan doorklikken naar de volgende video

  • Je kan een hotspot aanpassen in het ‘Edit note’-venster openen. Dubbel klik op de de node die je aan wilt passen of klik op het pen-icoon in het ‘Node tools’ gedeelte van de taakbalk

  • Een geheel nieuw scherm opent met de volgende categorieën met specifieke hulpmiddelen in de taakbalk:
    • Select:
      • Pointer
      • Marquee select (selecteer meerdere items tegelijk)
    • Hotspots:
      • Teken een hotspot
      • Dupliceer een hotspot
      • Verwijder een hotspot
    • Rulers & guides
    • Timeline snapping
    • API Timeline
    • Click Through mode

  • Naast een nieuwe taakbalk opent ook een zijbalk met meerdere opties:
    • Node properties:
      • Name
      • Description
      • Custom data (API data)
      • Source media
      • Duration counter
    • Behavior:
      • End-behavior
  • Onder de video tref je nog de volgende opties:
    • video controls:
      • Jump to start
      • Play/Pause
      • Jump to end
    • Timeline
  • Met de rode pointer op de ‘timeline’ kan je een specifiek punt op de tijdslijn selecteren
  • In de grijze balk met de titel van de volgende video kan je de duur en timing van de hotspot aanpassen
  • In het zij menu kan je de node een titel en omschrijving geven
  • ‘Custom data’ wordt vooralsnog niet gebruikt
  • Met de ‘Source media’ dropdown kan je de video van de node veranderen
  • In ‘behavior’ kan je het ‘gedrag’ aanpassen van de video in de node als deze ten einde loopt
    • Wanneer de ‘end-behavior’ op ‘freeze’ staat zal de video stoppen met afspelen
    • Wanneer deze ingesteld staat op ‘Default path’ zal de video automatisch doorspelen met de volgende video zoals deze geselcteerd staat in de ‘Destination’ drop-down

  • Maak een hotspot door op de ‘draw hotspot’ knop in de taakbalk te klikken en maak de nieuwe hotspot op een desgewenste plek of selecteer een bestaande hotspot om deze aan te passen.
  • Het uiterlijk en het gedrag van de hotspot kan veranderd worden
    • Klik op de hotspot
    • De zijbalk veranderd en toont nu de bedieningselementen van de hotspot. Deze laten je toe om de grootte en positie van de hotspot te veranderen alsmede het gedrag en het uiterlijk aan te passen

  • In het ‘behavior’ veld (onder de ‘Action’ drop down) kan je de hotspot instellen met de volgende opties:
    • Instant jump (ga na een klik direct door naar de volgende video of open de ingestelde URL)
    • Pause video
    • No action
  • Met de ‘destination’ drop-down (alleen zichtbaar wanneer je ‘instant jump’ hebt ingesteld) kan je kiezen waar de hotspot je naartoe brengt. Standaard staat dit ingesteld op de volgende node
  • URL: Vul hier een URL in waar je de kijker heen wilt sturen (indien je kiest voor een andere optie dan ‘instant jump’) wanneer zij op de hotspot klikken

Het volgende gedeelte gaat over het stijlen van de hotspot

  • Styles:
    • Skin. Een ‘skin’ is een collectie stijl instellingen (text en achtergrond). Middels de optie ‘skin’ kan je kiezen uit bestaande ‘skins’ of er zelf een opslaan. Wanneer je een ‘skin’ geselecteerd hebt en besluit een instelling te veranderen krijg je de vraag of je de huidige instelling op wilt slaan of dat je terug wilt naar de oorspronkelijke staat van de ‘skin’.
  • Text:
    • Color: Verander de kleur van de tekst
    • Size: Verandert de grootte van de tekst
    • Style: Door de tekst bold (dik) of italic (schuingedrukt) te maken kan je extra nadruk leggen op de tekst in de hotspot
  • Background:
    • Color: Verander de kleur van de achtergrond van de hotspot
    • Hover color: Verander de kleur van de hotspot wanneer je er met de muis overheen zweeft
    • Roundness: Verander de radius van de rand van de hotspot om deze meer of minder rond te maken.
  • Klik op de pijl boven in het scherm om terug te gaan naar het hoofdscherm
    • Klik op ‘Save project’
    • Selecteer ‘Exit project’
  • (Beperkte) analytics zijn beschikbaar door naar de video te navigeren en onder de video bij ‘Actions’ te kiezen voor ‘Analytics’
Was this article helpful to you? Yes No

How can we help?