OPMERKING
Floik AI-functies zijn beschikbaar in alle Document360-abonnementen als add-on. Neem contact op met ons supportteam om te kopen of meer te weten te komen.
De interactieve demofunctie stelt gebruikers in staat om een productsimulatie of walkthrough te gebruiken in plaats van een statische video te kijken of tekstinstructies te lezen. Het biedt een praktische ervaring waarbij gebruikers kunnen klikken, typen, zweven en de interface kunnen verkennen in een begeleide omgeving.
Document360 biedt ingebouwde interactieve demo's en opmaakopties. Je kunt je scherm, muisklikken en de interactieve demo direct binnen je artikelen versterken zonder externe tools.
Als je bijvoorbeeld een instructieartikel schrijft over het configureren van gebruikersrollen, kun je een interactieve demo opnemen die elke stap in actie laat zien. Dit helpt lezers visueel mee te volgen en het proces te begrijpen zonder te hoeven raden of alleen op tekstinstructies te vertrouwen.
OPMERKING
De interactieve demofunctie is alleen beschikbaar voor KB Site 2.0.
Toegang tot de interactieve demo
Om toegang te krijgen tot de Interactieve demo,
Navigeer naar het gewenste artikel in de Advanced WYSIWYG-editor.
Typ het Slash-commando
/Interactive demoin en druk op Enter.Als de Document360 Interactive-demo-extensie niet is geïnstalleerd, klik dan op Installeren.
OPMERKING
Deze extensie wordt momenteel alleen ondersteund in de Chrome-browser .
Klik in de Chrome webwinkel op Toevoegen aan Chrome.
Eenmaal geïnstalleerd, keer terug naar het kennisbasisportaal.
Het scherm opnemen
De interactieve demo-dialoog zal verschijnen.
Selecteer in het audio-dropdown de gewenste optie of kies Geen audio om zonder geluid op te nemen.
Klik op Volgende.
Selecteer het scherm om vast te leggen:
Chrome-tab: Registreert alleen het geselecteerde Chrome-tabblad.
Venster: Registreert alleen het geselecteerde applicatievenster.
Klik op Delen.
Het geselecteerde scherm verschijnt samen met het schermopnamepaneel .
Kies de aanbevolen resolutie (16:9 of 4:3).
Klik op Start capture om te beginnen met opnemen.
Klik op Afleggen om te annuleren en terug te keren naar het vorige scherm.
Klik in het geselecteerde gedeelte 'Vervagen ' op Toevoegen om specifieke delen van het scherm te verbergen bij het opnemen van gevoelige informatie.
Schakel indien nodig de schakelaar voor Opname op het scherm weergeven in.
Een Document360-logo verschijnt linksonder in het opnamescherm. Door op het logo te klikken, pauzeert de opname. Dit logo zal ook zichtbaar zijn in de opgenomen interactieve demo.
Muisklikken en interacties worden vastgelegd, en klikindicatoren worden weergegeven voor eenvoudiger bewerken van gidsen.
Klik op Pauze om de opname te pauzeren en op Opnemen om te hervatten.
Om opname te stoppen, klik je op Stoppen delen in het zwevende paneel of Stoppen opnemen in het Schermopnamepaneel .
Na het opnemen importeert het systeem de interactieve demo in het artikel. Dit kan een paar minuten duren.
Interactieve elementen toevoegen
Na verwerking verschijnt de opgenomen interactieve demo in het interactieve demo-editorpanel .
Klik op het Afspelen ()-icoon om de opgenomen interactieve demo te bekijken.
De interactieve demo-editor biedt opmaaktools, waaronder:
Voeg elementen toe
a. Oproep tot actie: Een interactieve knop toevoegen aan de demo
Klik in het rechterpaneel op Oproep tot actie.
Voer de titel en beschrijving in.
OPMERKING
Selecteer in het veld Beschrijving de inhoud en je kunt de basisopmaaktools gebruiken zoals Vetgedrukt (), Cursief (), Onderstrepen (), Georden lijst (), Ongeordende lijst (), en Hyperlink ().
Voer in de sectie Takken de knop in en selecteer de gewenste actie:
Externe URL: Voer de bestemmingslink in.
Volgende stap: Toont een bericht of informatie voor de gebruiker.
Klik op Nieuw toevoegen om een extra knop toe te voegen.
Kies de gewenste knoppositie onder het gedeelte Positie .
Schakel de AI voiceover-schakelaar in om vertelling toe te voegen:
Selecteer een stem uit het keuzemenu.
Daar komt het vertelscript.
Klik op het Afspelen () icoon om te bekijken.
Klik op Aanvullen.
b. Hotspots
Hotspots kunnen worden gebruikt om het muisklikeffect in de Interactieve demo te tonen.
Ga naar de exacte duur in de video en klik op Hotspot om toe te voegen.
Bekijk in het Hotspots-dialoog de lijst van bestaande hotspots (indien aanwezig).
Navigeer naar de gewenste locatie in de video en klik op Nieuw toevoegen om een hotspot aan de tijdlijn toe te voegen.
Je kunt de hotspot naar de gewenste positie slepen.
Zet de schakelaar 'hotspot weergeven ' aan om de hotspot weer te geven.
Voer in het tijdveld de gewenste tijd in. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Voer een titel in in het veld Titel .
Voer de beschrijving in het veld Beschrijving in.
OPMERKING
Selecteer in het veld Beschrijving de inhoud en je kunt de basisopmaaktools gebruiken zoals Vetgedrukt (), Cursief (), Onderstrepen (), Georden lijst (), Ongeordende lijst (), en Hyperlink ().
Onder de bubbelinstellingen past je de hotspotpositie aan door het exacte rasterpunt uit de gegeven opties te kiezen.
Zet in het Effect-gedeelte de schakelaar Zoom Inschakelen aan indien nodig.
Om stemvertelling toe te voegen, zet je de AI voice-over schakelaar aan.
Selecteer de gewenste toon en voer de inhoud in het tekstveld in.
Klik op de Play () knop naast de inhoud om deze te bekijken in de geselecteerde stem.
Klik op Toepassen om de wijzigingen op te slaan.
De tekst wordt aan de lijst toegevoegd. Beweeg met de muis over een tekst om:
Klik op het pictogram Bewerken () om te wijzigen.
Klik op het Meer () icoon en selecteer Verwijderen om te verwijderen.
c. Vervaging:
Om gevoelige informatie te verbergen in de interactieve demo:
Klik in het rechterpaneel op Vervagen.
Als er eerder geen vage vlekken zijn toegevoegd, klik dan op Toevoegen om een nieuwe blur toe te voegen.
Als er al veel wazige vlekken zijn, klik dan op Nieuw toevoegen om nieuwe vage vlekken toe te voegen.
Klik op Nieuw toevoegen om een vervagingsgebied toe te voegen.
Zorg ervoor dat de schakelaar 'Toon vervaging' aan staat.
Voer een Naam in voor de waas.
Selecteer de Starttijd en Eindtijd voor de waas. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
NOTE
Je kunt de schuifregelaar van de video gebruiken om de begin- en eindtijd van de video aan te passen. En je kunt de blur-dimensie aanpassen door de randen in de interactieve video te slepen.
Kies een vorm: Cirkel of Rechthoek.
Pas de Intensiteit-schuifregelaar aan om de dichtheid aan te passen.
Klik op Apply om wijzigingen op te slaan.
De waas wordt aan de lijst toegevoegd.
Beweeg je muis over een vaag object, klik op het Meer () icoon en selecteer Verwijderen om te verwijderen.
d. Afbeelding
De lijst met bestaande afbeeldingen verschijnt.
Als er eerder geen afbeeldingen zijn toegevoegd, klik dan op Toevoegen om een nieuwe afbeelding toe te voegen.
Als er al veel afbeeldingen zijn, klik dan op Nieuw toevoegen om nieuwe afbeeldingen toe te voegen.
Voer in het tijdveld de gewenste tijd in. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Klik op Afbeelding om vooraf gedefinieerde afbeeldingen en emoji's te importeren, gecategoriseerd op naam.
Om je eigen afbeelding toe te passen, klik je op het pictogram en importeer je de gewenste afbeelding uit je lokale verkenner.
Na het uploaden wordt deze afbeelding boven de opgenomen video geplaatst.
Je kunt de volgende acties uitvoeren op de geüploade afbeelding:
Tijd: Werk in het tijdveld de gewenste tijd bij. Gebruik het icoon Fine-tune milliseconds () voor precieze aanpassingen.
Afbeelding vervangen: Klik op Afbeelding vervangen om de geüploade afbeelding te vervangen. Ondersteunde formaten zijn JPG of PNG.
Grootte en positie: Selecteer Freeform om de positie van het beeld aan te passen met muissleep.
Voer in het veld Degree de gewenste waarde in om het beeld te roteren.
Gebruik de icoon 'Links draaien' of 'Rechts draaien '.
Of selecteer 'Fit to screen' om het beeld aan te passen aan het schermformaat.
In de sectie Gedrag kun je kiezen:
Blijf voor: Bewaar de afbeelding voor een bepaalde duur. Voer het aantal seconden in het Sec-veld in.
Volgende knop: Houd de afbeelding zichtbaar totdat op de Volgende knop is geklikt.
CTA: Koppel een oproep tot actie.
In de Voice-oversectie :
Zet de Voice-over schakelaar aan.
Selecteer de gewenste stem in het keuzemenu (gebaseerd op je voorkeursaccent).
Voer in het Content-veld de gewenste voice-overtekst in.
Klik op het Afspelen () icoon om de inhoud met de geselecteerde stem te bekijken.
Klik op Toepassen om de wijzigingen op te slaan.
De afbeelding wordt aan de lijst toegevoegd.
Beweeg je muis over een afbeeldingsitem, klik op het Meer ()-icoon en selecteer Verwijderen om te verwijderen.
e. Spotlight: Licht belangrijke punten uit in de interactieve demo
Klik in het rechterpaneel op Spotlight.
Klik op Toevoegen om een spotlight te maken.
Voer een Naam in voor de schijnwerpers.
Selecteer de starttijd en eindtijd. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Kies een vorm: cirkel of rechthoek.
Klik op Apply om wijzigingen op te slaan.
f. Camera
Tijdens het monteren kun je een video opnemen met je camera en deze toevoegen aan je interactieve demo.
Klik op camera.
Het opnamepaneel verschijnt met een lijst van vooraf opgenomen video's (indien aanwezig).
Klik op Aanmaken.
Als er eerder geen video's zijn toegevoegd, klik dan op Aanmaken.
Als er al veel video's zijn, klik dan op Nieuw toevoegen om er nog een toe te voegen.
Kies in het paneel Nieuwe opname toevoegen een van de volgende:
Nieuw opnemen: Neem een video direct op met je camera.
Selecteer video: Upload een reeds opgenomen video.
Voer in het tijdveld de gewenste tijd in. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Selecteer de gewenste camera en microfoon en klik dan op Start opname.
Na de 3-seconden aftelling begint de opname.
Gebruik Pauze en Hervatten indien nodig.
Klik op het Retake-icoon om opnieuw te beginnen.
Klik op Afgooien om de huidige opname te verwijderen.
Klik op Stop om opname te beëindigen.
Na het stoppen klik je op Opslaan en ga je verder. Het systeem verwerkt en voegt de video toe aan de demo.
Klik indien nodig op Opnemen opnieuw om een nieuwe opname te maken.
De opgenomen video zal boven de interactieve demo worden geplaatst. Vanaf het rechterpaneel kunt u:
Klik op Video vervangen om het origineel te vervangen.
Klik op het Afspelen () icoon om te bekijken.
Klik op Nieuw opnemen om een nieuwe video op te nemen.
Kies in de sectie Vorm een weergavevorm: Cirkel, Vierkant, Breed of Portret.
Selecteer in de sectie Positie waar de video in de demo moet verschijnen.
Zet de schakelaar voor ondertitels aan om automatisch ondertitels te genereren als spraak wordt gedetecteerd.
Klik op Apply om wijzigingen op te slaan.
Alle opgenomen video's staan in het vak. Om er een te verwijderen, zweef je erover, klik je op het Meer () icoon en selecteer je Verwijderen.
NOTE
Je kunt niet twee opgenomen video's tegelijk maken.
g. Tekst
Je kunt tekstoverlays toevoegen aan je interactieve demo.
Klik op Tekst.
Als er eerder geen teksten zijn toegevoegd, klik dan op Toevoegen.
Als er al teksten bestaan, klik dan op Nieuw toevoegen.
Stel in het veld Tijd in wanneer de tekst moet verschijnen. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Voer de gewenste tekst in het tekstveld.
Kies het lettertype en de lettergrootte.
Selecteer een tekstkleur uit het palet of voer een hex-code in.
Voer in het veld Degree een waarde in om de tekstpositie te roteren.
Kies in de sectie Gedrag één:
Blijf voor: Voer het aantal seconden in waarin de tekst zichtbaar blijft.
Toon tot: Voer de tijd in waarin de tekst zichtbaar blijft.
Als je Blijf voor hebt gekozen, kun je AI voiceover inschakelen:
Zet de AI-voice-over schakelaar aan.
Selecteer een stem uit het keuzemenu.
Daar komt de voice-over-inhoud in.
Klik op Afspelen om te bekijken.
Klik op Aanvullen om op te slaan.
De tekst wordt aan de lijst toegevoegd. Beweeg met de muis over een tekst om:
Klik op het pictogram Bewerken () om te wijzigen.
Klik op het More () icoon en selecteer Verwijderen om te verwijderen.
h. Hoogtepunt
Je kunt highlights gebruiken om de aandacht te vestigen op specifieke elementen in de demo.
Klik op markeren.
Als er geen highlights zijn, klik dan op Toevoegen.
Als er al zijn hoogtepunten, klik dan op Nieuw toevoegen.
Voer in het Naamveld een naam in. Dit zal niet in de demo verschijnen.
Selecteer de Starttijd en Eindtijd voor de highlight. Gebruik de optie Fijnafstellen milliseconden () voor precieze aanpassingen.
Kies in het keuzemenu Vorm Rechthoek of Cirkel.
Selecteer in het Kleurgedeelte een highlightkleur.
Klik op Aanvullen om op te slaan.
Het hoogtepunt wordt aan de lijst toegevoegd. Om een markering te verwijderen, zweef je eroverheen, klik je op het Meer-icoon en selecteer je Verwijderen.
Bewerking
i. Gewas
Om een deel van de video bij te snijden:
Klik in het rechterpaneel op Bijsnijden.
Selecteer een beeldverhouding: origineel, Aangepast, vierkant, landschap of portret.
Je kunt de uitcrop-output (breedte en hoogte) bekijken op basis van de geselecteerde verhouding.
Klik op het Verwijderen () pictogram om de toegepaste bijsnijding te verwijderen.
Klik op Apply om wijzigingen op te slaan.
Na het bijsnijden is alleen het bijgesneden deel zichtbaar wanneer de video wordt opgeslagen.
j. Afwerking:
Om een deel van de video in te knippen:
Klik in het rechterpaneel op Bijsnijden.
Klik op Nu toevoegen om een nieuwe trim toe te voegen aan de interactieve demo.
Als er al besnoeiingen zijn, klik dan op Nieuw toevoegen om een andere bijstand toe te voegen.
Stel de From- en Naar-tijden in.
Klik op Aanpassen en klik op Klaar.
k. Muziek:
Om muziek toe te voegen aan de interactieve demo
Zet de schakelaar Achtergrondmuziek inschakelen aan om achtergrondmuziek toe te voegen aan de interactieve demo.
Klik op Kies uit Galary om een bestand te uploaden.
OPMERKING
Ondersteunde audioformaten: .mp3, .aac (maximale bestandsgrootte: 5 MB).
In het tabblad Presets kun je vooraf ingestelde muziekopties gebruiken.
Selecteer een muziek en klik op Invoegen.
Zodra het is geüpload, klik je op Audio vervangen om het geselecteerde nummer te wijzigen.
Stel de volumeschuif aan om het volume te regelen.
De Fade In/Fade Out-optie zorgt ervoor dat de muziek soepel begint en eindigt tijdens deze interacties.
Zet de Pauze van Interactie aan indien nodig. Wanneer de gebruiker achtergrondmuziek toevoegt, pauzeert de optie 'Pauzeer bij Interactie' tijdelijk de toegevoegde muziek telkens wanneer de gebruiker op hotspots klikt of met de video interacteert.
Als je klaar bent, klik dan op Apply.
Stem
Je kunt kiezen hoe de interactieve demo wordt verteld:
Originele stem: Gebruikt de originele achtergrondstem.
AI-stem: Maakt AI-gegenereerde voice-overs in meerdere talen mogelijk.
AI-voice-over: Om de gewenste AI-voice-over uit meerdere talen te selecteren. Het videoscript wordt weergegeven in het Script-gedeelte .
Geen stem: Er wordt geen voice-over toegepast.
Ondertiteling: Klik op Ondertitels om ondertitels toe te voegen aan de interactieve demo. Als de video een voice-over heeft, verschijnen hier de automatisch gegenereerde ondertitels en kun je ze bewerken indien nodig.
Je kunt ook handmatig je voice-over script invoeren. Schakel het vakje Ondertitels weergeven in om ondertitels te tonen in de interactieve demo.
Toegevoegde elementen: Je kunt de elementen bekijken die zijn toegevoegd in de interactide-demo. Klik vanaf hier op het pictogram Bewerken () om het gewenste element te bewerken. Klik op het Verwijderen () icoon naast de elementen om te verwijderen.
Klik op Sluiten om wijzigingen op te slaan.
Het bewerken van de opgenomen interactieve demo
Zodra de interactieve demo aan een artikel is toegevoegd, kun je de volgende opmaakopties toepassen:
Links uitlijnen : Richt de interactieve demo uit naar links.
Center: Stemt de interactieve demo af op het centrum.
Lijn rechtsuit: Richt de interactieve demo naar rechts uit.
Inline links: Plaatst de interactieve demo inline aan de linkerkant.
Inline blok: Toont de interactieve demo als een inline blokelement.
Rechts inline: Plaatst de interactieve demo rechts inline.
Grootte aanpas: Past de interactieve demo-afmetingen aan.
Kopiëren: Kopieert de interactieve demo naar het klembord voor hergebruik in een ander artikel of categorie binnen hetzelfde project.
Bewerking: Staat verdere aanpassingen toe, waaronder:
Voeg elementen toe: Vervaging en Spotlight
Bewerking: bijsnijden, bijsnijden en muziek
Stem: Originele stem, AI-stem en geen stem
FAQ
Verschijnen artikelen met een interactieve demo in de portalzoekresultaten?
Ja. Artikelen die een interactieve demo bevatten, verschijnen nog steeds in de zoekresultaten van het portaal als er een match is in de titel of inhoud van het artikel.