Interactive Manager

Interactive Manager är funktionen som låter dig skapa interaktiva element såsom knappar, hopp till tidpunkter, hyperlänkar, produkter osv. i dina videor.
Med dessa funktioner kan du skapa enkla interaktiva videor eller mer komplexa berättelser som förgrenar sig till större helheter.

Jag kommer först visa en av de mest grundläggande interaktiva funktionerna – knappen! Du kan se några av våra exempel på vår webbplats. Härnäst visar jag hur du skapar en knapp med en hyperlänk i en video, som i bilden nedan.

1. När du har laddat upp ett media som du vill använda i en interaktiv video, ska du navigera till Interactive Manager i mediainställningarna.

2. Nu kan du se gränssnittet för Interactive Manager. Välj “Button” och dra ned den till tidslinjen.

3. Nu visas en knapp i videoförhandsvisningen och ett knappelement visas i tidslinjen. Knappen visas vid en vald tidpunkt och detta kan justeras i tidslinjen eller i undermenyn till höger.

Låt oss fortsätta med att ändra utseendet. Klicka på “Untitled button” i vänstermenyn!

4. Börja med att ändra “Button id” och ge det ett passande namn. ID:t syns inte på skärmen, men fungerar som identifierare för elementet och kan sparas genom “Save as preset”. Om elementet sparas kan det hittas i elementbiblioteket och återanvändas.

Fortsätt sedan med att ändra texten på knappen. Detta görs i “Button text”. Jag lade till texten “Press this!”. Nu ser du att texten på knappen har ändrats i videoförhandsvisningen.

6. Nu ändrar vi position och storlek på knappen. Du kan manipulera storleken genom att dra i handtagen i videoförhandsvisningen eller genom att ändra värden i undermenyn till höger.

7. Jag gjorde följande ändringar för att få en stor rund knapp: > Dra knappen till mitten i videon > Sätt Width till “550”, Height till “550” och Radius till “360”. 

Nu har vi en rund knapp! Men jag vill göra den röd med stor text...

8. I undermenyn till höger går du till “Appearance” och sedan “Typography”. Här visas textstil-alternativen. Du kan testa dig fram, men i detta fall ändrade jag endast fontstorleken till 70px.

Du kan även ändra “color” och “hover color” för knappen. Nu fortsätter vi med att lägga till en funktion till knappen...

9. Det finns olika alternativ och jag visar här “Go to url”. Klicka på “Go to url”.

10. Nu kan du lägga till vilken länk du vill. Vi rekommenderar att välja “New Tab”, så att länken öppnas i en ny flik medan videon fortsätter spela. Nu har du en fungerande knapp, som visas och försvinner vid rätt tid – men... 

11. Under Elements > Button kan du justera några ytterligare inställningar, såsom “fixed size and position” och “Pause video on entry”. Detta är praktiskt om du vill ge användaren valmöjligheter eller skapa en grenad berättelse.

Ett vanligt användningsområde är att lägga en knapp i slutet av videon och aktivera “pause video on entry”, så att användaren kan ladda ner ett dokument som nämns i videon.

Det finns mängder av sätt att använda Interactive Manager, så jag rekommenderar att testa och lära. Var kreativ och ha kul!