Hoofdstukmarkeringen aan video toevoegen adding-chapter-markers-to-video
U kunt lange-vormvideo's gemakkelijker bekijken en navigeren door hoofdstukmarkeringen toe te voegen aan enkele video's of aan Adaptieve videosets. Wanneer een gebruiker de video afspeelt, kunnen deze de hoofdstukmarkeringen op de videotijdlijn selecteren (ook wel de videoscrubber genoemd). Als u dit doet, kunnen ze gemakkelijk naar hun interesse gaan of direct naar nieuwe inhoud, demonstraties, zelfstudies, enzovoort gaan.
Zie Een voorinstelling voor een video-viewer toevoegen of bewerken als u de hoofdstuknavigatie actiepunten en de hoofdstuktitel pop-uptekst voor de Universal_HTML5_Video viewer (HTML5).
Zie ook Viewer-voorinstellingen toevoegen en bewerken.
U maakt een hoofdstuklijst voor uw video op ongeveer dezelfde manier als u bijschriften maakt. U maakt dus een WebVTT-bestand. Dit bestand moet echter gescheiden zijn van elk WebVTT-bijschriftbestand dat u ook kunt gebruiken. U kunt bijschriften en hoofdstukken niet combineren tot één WebVTT-bestand.
U kunt het volgende voorbeeld als voorbeeld van het formaat gebruiken u gebruikt om een dossier WebVTT met hoofdstuknavigatie tot stand te brengen:
WEBVTT
Chapter 1
00:00.000 --> 01:04.364
The bicycle store behind it all.
Chapter 2
01:04.364 --> 02:00.944
Creative Cloud.
Chapter 3
02:00.944 --> 03:02.937
Ease of management for a working solution.
Chapter 4
03:02.937 --> 03:35.000
Cost-efficient access to rapidly evolving technology.
In het bovenstaande voorbeeld: Chapter 1 is de cue-id en is optioneel. De actieduur van 00:00:000 --> 01:04:364 geeft de begin- en eindtijd van het hoofdstuk aan, in 00:00:000-indeling. Deze laatste drie cijfers zijn milliseconden en kunnen desgewenst worden ingesteld op 000. De titel van het hoofdstuk The bicycle store behind it all Dit is de feitelijke beschrijving van de inhoud van het hoofdstuk. De actidentificator, de begintijd en de hoofdstuktitel worden allemaal in een pop-up in de videospeler weergegeven wanneer de aanwijzer op een visueel actiepunt in de tijdlijn van de video wordt geplaatst.
Omdat u een HTML5-videoviewer gebruikt, moet u ervoor zorgen dat het hoofdstukbestand dat u maakt, voldoet aan de WebVTT-standaard (Web Video Text Tracks). De bestandsextensie van het hoofdstuk is .VTT. U kunt meer informatie over de WebVTT ondertitelingsnorm leren.
Zie WebVTT: De indeling Web Video Text Tracks.
Hoofdstukmarkeringen aan een video toevoegen:
-
Maak met een eenvoudige teksteditor buiten Adobe Dynamic Media Classic een hoofdbestand voor de video.
note note NOTE Voor wereldwijde ondersteuning van videohoofdstukken in andere talen dan het Engels vereist de WebVTT-standaard dat u afzonderlijke .VTTbestanden en oproepen voor elke taal die u wilt ondersteunen. -
Sla het VTT-bestand op in UTF8-codering, zodat u problemen kunt voorkomen met de uitvoering van tekens in de tekst van de hoofdstuktitel.
Over het algemeen wilt u het hoofdstuk VTT-bestand dezelfde naam geven als het videobestand en het toevoegen aan het bestand
chapters. Hierdoor kunt u de generatie van de video-URL's automatiseren met behulp van uw bestaande systeem voor webcontentbeheer. -
Upload in Adobe Dynamic Media Classic uw WebVTT-hoofdstukbestand.
Zie Bestanden uploaden.
-
Navigeer in het deelvenster Elementenbibliotheek aan de linkerkant naar de elementenmap die het videobestand bevat dat u wilt koppelen aan het hoofdstukbestand dat u hebt geüpload.
-
Selecteer in het deelvenster Asset Browse één video-element en selecteer vervolgens onder de miniatuurafbeelding van het element Preview > Viewer List.
-
Zoek in de tabel Viewer List naar de HTML5-viewer met de naam Univeral_HTML5_Video en voer vervolgens een van de volgende handelingen uit:
-
Voor een pop-upviewerervaring voor video selecteert u Copy URL helemaal rechts van de naam.
Voeg de gekopieerde URL van de video toe aan de volgende syntaxis, zodat u deze kunt koppelen aan de gekopieerde URL naar het bijschriftbestand:
&navigation=*<full Copy URL path to the chapter navigation file .vtt>* -
Voor een ingesloten videoviewerervaring selecteert u Embed Code helemaal rechts van de naam.
Selecteer in het dialoogvenster Code insluiten Copy to Clipboard.
Voor de HTML5
Universal_HTML5_VideoVoeg de gekopieerde Insluitcode als volgt toe aan de viewer:videoViewer.setParam("navigation","*<full Copy URL path to the chapter navigation file .vtt>*"
-