Websites, mobiele sites en bureaubladtoepassingen hebben via URL-tekenreeksen of ingesloten code toegang tot Adobe Dynamic Media Classic-serverinhoud, zoals video. Adobe Dynamic Media Classic activeert deze URL-tekenreeksen tijdens het publicatieproces. Als u de URL-tekenreeks of insluitcode voor uw video wilt plaatsen in uw webpagina's, mobiele pagina's en bureaubladtoepassingen, kopieert u deze vanuit Adobe Dynamic Media Classic.
De URL of insluitcode is pas actief als u het element publiceert.
Als u een video publiceert, kunnen Adobe Dynamic Media Classic Servers video leveren aan uw website, mobiele site of toepassing.
Er zijn twee verschillende methoden waarmee u video kunt publiceren:
Video's automatisch en direct tijdens het uploaden publiceren - Als onderdeel van het uploaden van video's kan Adobe Dynamic Media Classic automatisch video's publiceren wanneer deze worden geüpload en gecodeerd. Als u de mogelijkheid hebt om onmiddellijk te publiceren, hoeft u video's niet afzonderlijk te publiceren.
Video na het uploaden handmatig publiceren - Als u video's niet meteen wilt publiceren, kunt u de video's op elk gewenst moment handmatig publiceren.
Nadat u video's hebt gepubliceerd, activeert Adobe Dynamic Media Classic de URL-tekenreeksen voor uw HTML-pagina of toepassingscode.
Video publiceren:
Voer een van de volgende handelingen uit:
Nadat u een video hebt gepubliceerd, kunt u de URL verkrijgen voor gebruik in uw website, mobiele site of bureaubladtoepassing. Gebruik de video-URL wanneer u video wilt weergeven in een pop-upvenster of in een modaal venster vóór de webpagina.
Wanneer een klant de koppeling selecteert, worden het apparaat, de bandbreedte en de schermgrootte van de koppeling automatisch gedetecteerd. De juiste video wordt weergegeven om te worden afgespeeld in een vooraf gedefinieerde viewer voor desktop of in de native videospeler van het mobiele apparaat voor smartphones en tablets.
Zie ook De videoviewer insluiten op een webpagina.
Een video-URL koppelen aan een mobiele site of website:
In het paneel van de Bladeren van Activa, in Show vervolgkeuzelijst, selecteert u Video of Adaptive Video Set.
Navigeer in het deelvenster Elementenbibliotheek aan de linkerkant naar de elementenmap met de video of de adaptieve videoset die u wilt koppelen.
Voer boven het deelvenster Asset Browse een van de volgende handelingen uit aan de rechterkant van de werkbalk:
Selecteren Grid View of List View. Dubbelklik in het deelvenster Asset Browse op de videominiatuur van één element om dit te openen in de gedetailleerde weergave. Selecteer in de URL's en het deelvenster Code insluiten rechts onder HTTP-streaming de optie Copy URL rechts van de gewenste viewer. U kunt het beste de URL kopiëren die is gekoppeld aan de opdracht Universal_HTML5_Video
viewer.
Selecteren Grid View. Selecteer in het deelvenster Asset Browse één element en ga vervolgens onder de miniatuurafbeelding naar Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Copy URL. U kunt het beste de URL kopiëren die is gekoppeld aan de opdracht Universal_HTML5_Video
viewer.
Selecteren List View. Selecteer in het deelvenster Asset Browse één element en ga vervolgens rechts van de miniatuurafbeelding naar Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Copy URL. U kunt het beste de URL kopiëren die is gekoppeld aan de opdracht Universal_HTML5_Video
viewer.
Selecteren Grid View, List View, of Detail View. Ga op dezelfde werkbalk naar Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Copy URL. U kunt het beste de URL kopiëren die is gekoppeld aan de opdracht Universal_HTML5_Video
viewer.
Plak de video-URL-koppeling HTML5 op uw website en mobiele site.
Gebruik de functie Code insluiten als u de video wilt afspelen die is ingesloten op de webpagina. U kopieert de insluitcode naar het klembord, zodat u deze op uw webpagina's kunt plakken. Het bewerken van de code is niet toegestaan in het dialoogvenster Code insluiten.
Zie ook Een video-URL koppelen aan een mobiele site of website.
De videoviewer insluiten op een webpagina:
Selecteer in de vervolgkeuzelijst Tonen in het deelvenster Middelenbladeren de optie Video of Adaptive Video Set.
Navigeer in het deelvenster Elementenbibliotheek aan de linkerkant naar de elementenmap met de video of de adaptieve videoset waarvan u de insluitcode wilt kopiëren.
Voer boven het deelvenster Asset Browse een van de volgende handelingen uit aan de rechterkant van de werkbalk:
Selecteren Grid View of List View. Dubbelklik in het deelvenster Asset Browse op de videominiatuur van één element om dit te openen in de gedetailleerde weergave. Selecteer in de URL's en het deelvenster Code insluiten rechts onder HTTP-streaming de optie Embed Code rechts van de gewenste viewer. Selecteer Embed Code die verband houdt met de Universal_HTML5_Video
viewer.
Selecteren Grid View. Selecteer in het deelvenster Asset Browse één element en selecteer vervolgens onder de miniatuurafbeelding van de video de optie Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Embed Code. Selecteer Embed Code die verband houdt met de Universal_HTML5_Video
viewer.
Selecteren List View. Selecteer in het deelvenster Asset Browse één element en ga vervolgens rechts van de miniatuurafbeelding naar Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Embed Code. Selecteer Embed Code die verband houdt met de Universal_HTML5_Video
viewer.
Selecteren Grid View, List View, of Detail View. Ga op dezelfde werkbalk naar Preview > Viewer List.
Selecteer in de pagina Viewer List onder de kolom Acties van de tabel de optie Embed Code. Selecteer Embed Code die verband houdt met de Universal_HTML5_Video
viewer.
Selecteer in het dialoogvenster Code insluiten de optie Copy to Clipboard.
Het bewerken van de code is niet toegestaan in het dialoogvenster Code insluiten.
selecteren Close.
Plak de insluitcode in uw webpagina's.
Als u de Adobe Dynamic Media Classic HTML5-videospeler niet gebruikt, maar de native HTML5 wilt gebruiken <video>
-tags met MP4-video-elementen gebruiken, kunt u het volgende voorbeeld van een ingesloten code gebruiken:
<video poster="S7 video thumbnail URL" controls>
<source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/>
<source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
<p>This is fallback content</p>
</video>
Vervangen "S7 video thumbnail URL"
met de URL van de miniatuur van de video. Dit is de miniatuurafbeelding van de video die een gebruiker ziet voordat hij of zij de video afspeelt.
Vervangen "S7 OGG video asset URL (no player)"
met de progressieve URL van de video voor OGG-video.
Vervangen "S7 MP4 mobile progressive video asset URL (no player)"
met de progressieve URL van de mobiele telefoon van de video.
Als u een videospeler van derden of een aangepaste videospeler gebruikt in plaats van een Dynamic Media Classic-videoviewer, ontvangt u de directe video-URL die geschikt is voor videostreaming met meerdere bitsnelheden van HLS of progressief downloaden.
Video implementeren met een externe videospeler:
Een directe URL voor HLS-streaming video (multi-bitsnelheid) genereren
Op de Application General Settings pagina, in de Servers in de Published Server Name tekstveld, construeert de directe URL. Gebruik de volgende syntaxis: server/is/content/company/folder/filename.m3u8
Stel dat de naam van de gepubliceerde server https://s7d9.scene7.com/.
Met de syntaxis in stap 2 kan de directe URL er als volgt uitzien:
https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8
Een directe URL voor HLS-streaming video (enkele bitsnelheid) genereren
Op de Application General Settings pagina, in de Servers in de HLS Streaming Server Name tekstveld, construeert u de directe URL met behulp van de volgende syntaxis:
server/company/folder/filename.ext.m3u8
Stel dat de naam van de HLS-streamingserver https://s7mbrstream.scene7.com/hls-vod/
. Met de syntaxis in stap 2 kan de directe URL er als volgt uitzien:
https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8
Een direct progressieve video-URL genereren
Op de Application General Settings pagina, in de Servers in de Progressive Video Server Name in het tekstveld de directe eVideo-URL samenstellen met behulp van de volgende syntaxis:
server/company/folder/filename
Stel dat de naam van de progressieve videoserver https://s7d9.scene7.com/is/content/
. Met de syntaxis in stap 2 kan de directe URL er als volgt uitzien:
https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4
Adobe Dynamic Media Classic genereert miniaturen voor gecodeerde video's en vooraf gecodeerde video's. U kunt videominiaturen gebruiken zoals elk afbeeldingselement. Bovendien kunt u URLs voor de videoduimnagels verkrijgen die Adobe Dynamic Media Classic produceert. Vervolgens kunt u deze URL's buiten Adobe Dynamic Media Classic implementeren. U kunt bijvoorbeeld de miniaturen in zoekresultaten, verwante videobestanden en videoafspeellijsten op een website implementeren.
Miniaturen worden gegenereerd op basis van het eerste heterogene frame (niet een volledig zwart frame, of een helemaal wit frame enzovoort) van de video.
Adobe Dynamic Media Classic genereert automatisch videominiaturen tijdens het uploaden. De miniaturen worden weergegeven in de Lijstweergave en de Rasterweergave in het deelvenster Bladeren.
Als u URL's voor videominiaturen wilt genereren, voert u een publicatiebewerking uit.
Zie Video publiceren.
Na publicatie kunt u videominiaturen-URL's opvragen in de gedetailleerde weergave in de URL's en het deelvenster Code insluiten. Selecteren Copy URL rechts van de videominiatuur, zodat u de URL kunt kopiëren.
De posterframe Dit is het eerste frame dat in videoviewers wordt weergegeven voordat de video wordt afgespeeld. Adobe Dynamic Media Classic gebruikt videominiaturen als posterframes.
U kunt afbeeldingsaanpassingen toepassen op het posterframe. U kunt bijvoorbeeld het posterframe uitsnijden of transparant maken. Als u het posterframe wilt wijzigen, opent u het configuratiescherm voor de videoviewer en voert u modifiers in de sectie Modifiers voor posterafbeelding in.
Zie Een voorinstelling voor een videoviewer toevoegen of bewerken.
Zie Handleiding voor imageservice.
U kunt videominiaturen ook wijzigen door modifiers toe te voegen aan videominiaturen-URL's.