Show Menu
SUJETS×

Vidéo

Cette section décrit l’utilisation de vidéos dans Dynamic Media.

Démarrage rapide : Vidéos

Le workflow détaillé décrit ci-après vise à vous aider à maîtriser rapidement les opérations liées aux visionneuses de vidéos adaptatives dans Dynamic Media. Chaque étape comporte des renvois à des rubriques contenant de plus amples informations.
Avant d’utiliser des vidéos dans Dynamic Media, vérifiez que l’administrateur AEM a activé et configuré les Cloud Services Dynamic Media.
  1. Chargez les vidéos Dynamic Media en procédant comme suit :
  2. Gérez les vidéos Dynamic Media en effectuant les opérations suivantes :
  3. Pour publier les vidéos Dynamic Media , effectuez l’une des opérations suivantes :

Utilisation de vidéo dans Dynamic Media

La vidéo dans Dynamic Media est une solution complète qui facilite la publication de vidéos adaptatives haute qualité pour la diffusion sur plusieurs écrans, notamment les postes de travail et les appareils mobiles iOS, Android, Blackberry et Windows. Une visionneuse de vidéos adaptative regroupe les versions d’une même vidéo codées dans des débits et des formats différents, par exemple 400 kbit/s, 800 kbit/s et 1 000 kbit/s. L’ordinateur de bureau ou l’appareil mobile détecte la bande passante disponible.
Par exemple, sur un appareil mobile iOS, il détecte une bande passante telle que 3G, 4G ou une connexion Wi-Fi, puis sélectionne automatiquement la vidéo codée selon le débit correspondant parmi ceux disponibles dans la visionneuse de vidéos adaptative. La vidéo est diffusée en continu sur les postes de travail, les appareils mobiles ou les tablettes.
En outre, la qualité de la vidéo est automatiquement adaptée en temps réel selon les conditions réseau sur le poste de travail ou l’appareil mobile. De même, si un client passe en mode plein écran sur un bureau, la visionneuse de vidéos adaptative réagit en utilisant une meilleure résolution, améliorant ainsi l’expérience de visionnage du client. L’utilisation des visionneuses de vidéos adaptatives offre une lecture optimale aux clients qui lisent des vidéos Dynamic Media sur plusieurs écrans et appareils.
La logique appliquée par un lecteur vidéo pour déterminer quelles sont les vidéos encodées à lire ou à sélectionner au cours de la lecture repose sur l’algorithme suivant :
  1. Le lecteur vidéo charge le fragment vidéo initial basé sur le débit le plus proche de la valeur définie pour le « débit initial » dans le lecteur lui-même.
  2. Le lecteur vidéo est adapté en fonction des modifications de la vitesse de bande passante d’après les critères suivants :
    1. Le lecteur sélectionne le flux de bande passante le plus élevé qui est inférieur ou égal à la bande passante estimée.
    2. Le lecteur prend uniquement en compte 80 % de la bande passante disponible. Cependant, s’il change, il est préférable que ce taux soit seulement de 70 % pour éviter toute surestimation et que le lecteur ne repasse au taux précédent.
Pour obtenir des informations techniques détaillées sur l’algorithme, consultez la page https://android.googlesource.com/platform/frameworks/av/+/master/media/libstagefright/httplive/LiveSession.cpp
Pour la gestion des visionneuses de vidéos adaptative et unique, les fonctions suivantes sont prises en charge :
  • Téléchargement de vidéos en différents formats vidéo et audio pris en charge et codage vidéo au format MP4 H.264 pour la lecture sur plusieurs écrans. Vous pouvez utiliser les paramètres prédéfinis de vidéo adaptative ou de codage unique ou personnaliser le codage pour contrôler la qualité et la taille de la vidéo.
    • Lorsqu’une visionneuse de vidéos adaptative est générée, elle comprend des vidéos MP4.
    • Remarque  : Les vidéos originales/sources ne sont pas ajoutées à la visionneuse de vidéos adaptative.
  • Sous-titrage des vidéos dans toutes les visionneuses de vidéo HTML5.
  • Organiser, parcourir et effectuer des recherches dans la vidéo avec une prise en charge complète des métadonnées pour une gestion efficace des ressources vidéo.
  • Proposer des visionneuses de vidéos adaptatives en ligne ainsi que sur des postes de travail et des appareils mobiles (iPhone, iPad, Android, Blackberry et Windows Phone notamment).
La diffusion de vidéo adaptative en flux continu est prise en charge sur diverses plates-formes iOS. See the Adobe Viewers Reference Guide .
Dynamic Media prend en charge la lecture vidéo pour mobiles au format vidéo MP4 H.264. Les appareils Blackberry qui prennent en charge ce format vidéo sont répertoriés dans la liste : Formats vidéo pris en charge sur Blackberry .
Les terminaux Windows qui prennent en charge ce format vidéo sont répertoriés dans la liste : Formats vidéo pris en charge sur Windows Phone
  • Lecture de la vidéo à l’aide des paramètres prédéfinis de la visionneuse Dynamic Media Video, tels que :
    • des visionneuses de vidéos uniques ;
    • des visionneuses de supports variés combinant du contenu vidéo et des images.
  • Configurer des lecteurs vidéo pour répondre à vos besoins de stratégie de marque.
  • Intégrer la vidéo à votre site web, site mobile ou application mobile grâce à une simple URL ou à du code intégré.
Voir aussi À propos des visionneuses HTML5 dans le guide de référence des visionneuses d’Adobe Scene7.

Bonne pratique : Utilisation de la visionneuse de vidéos HTML5

Les paramètres prédéfinis de la visionneuse de vidéos HTML5 Dynamic Media sont des lecteurs vidéo fiables. Utilisez-les pour éviter la plupart des problèmes courants liés à la lecture de vidéos HTML5, ainsi que les problèmes liés aux appareils mobiles, notamment l’absence de diffusion en continu adaptative et la portée limitée du navigateur.
En ce qui concerne la conception du lecteur, vous pouvez concevoir toutes les fonctionnalités du lecteur vidéo à l’aide d’outils de développement web standard. Vous pouvez, par exemple, concevoir les boutons, les commandes et les affiches personnalisées en arrière-plan au moyen du code HTML5 et CSS afin de mieux cibler les utilisateurs avec un aspect personnalisé.
En ce qui concerne la lecture, la visionneuse, détecte automatiquement les fonctionnalités vidéo du navigateur. Elle diffuse ensuite la vidéo en flux continu HLS (diffusion en flux continu adaptatif). Si ces méthodes de distribution n’existent pas, la diffusion progressive HTML5 est utilisée à la place.
En combinant dans un lecteur unique la capacité de concevoir les composants de lecture à l’aide de code HTML5 et CSS, d’avoir accès à la lecture incorporée et d’utiliser les flux continus adaptatifs et progressifs selon la capacité du navigateur, vous pouvez étendre la portée de votre contenu multimédia aux utilisateurs d’appareils mobiles et de postes de travail et garantir ainsi une expérience vidéo rationalisée.
Voir aussi À propos des visionneuses HTML5 dans le guide de référence des visionneuses d’Adobe 

Lecture vidéo sur les ordinateurs de bureau et les appareils mobiles à l’aide de la visionneuse de vidéos HTML5

Pour la diffusion en flux continu de la vidéo adaptative sur un poste de travail et un appareil mobile, les vidéos utilisées pour le changement de débit reposent sur toutes les vidéos MP4 dans la visionneuse de vidéos adaptative.
La lecture vidéo est effectuée à l’aide de la diffusion vidéo en flux continu HLS (HTTP Live Streaming) ou de téléchargement de vidéo progressive. Dans les versions antérieures d’AEM, telles que 6.0, 6.1 et 6.2, les vidéos ont été diffusées via HTTP.
Toutefois, dans la version 6.3 et ultérieures d’AEM, les vidéos sont désormais diffusées en continu via HTTPS (c’est-à-dire, diffusion vidéo en flux continu HLS), car l’URL du service de la passerelle DM utilise toujours HTTPS également. Veuillez noter qu’il n’y a aucun impact pour le client dans ce comportement par défaut. Autrement dit, la diffusion en continu de vidéo s’effectuera tout de même via HTTPS, à moins qu’elle ne soit pas prise en charge par le navigateur (voir le tableau ci-dessous). Par conséquent,
  • Si vous avez un site web HTTPS avec une diffusion vidéo en continu via HTTPS, la diffusion en continu est de qualité.
  • Si vous avez un site web HTTP avec une diffusion vidéo en flux continu via HTTPS, la diffusion en continu est de qualité et il n’y a aucun problème de contenu mixte du navigateur web.
HLS (HTTP Live Streaming) est une norme d’Apple pour la diffusion de vidéo adaptative en continu qui ajuste automatiquement la lecture en fonction de la capacité de bande passante du réseau. Elle permet aussi au client de « rechercher » n’importe quel point de la vidéo sans avoir à attendre que le reste de la vidéo soit téléchargé (voir aussi HTTP Live Streaming).
La vidéo progressive est fournie grâce au téléchargement et à l’enregistrement de la vidéo en local sur l’écran du poste de bureau ou de l’appareil mobile de l’utilisateur.
Le tableau ci-dessous décrit l’appareil, le navigateur et la méthode de lecture des vidéos sur les ordinateurs de bureau et les appareils mobiles à l’aide de la visionneuse vidéo Scene7.
Appareil Navigateur Mode lecture vidéo
Poste de travail Internet Explorer 9 et 10 Téléchargement progressif.
Poste de travail Internet Explorer 11+ Sous Windows 8 et Windows 10 - Forcer l’utilisation de HTTPS chaque fois que HLS est demandé. Limites connues : HTTP sur HLS ne fonctionne pas avec cette combinaison de navigateur/système d’exploitation Sous Windows 7 - Téléchargement progressif. Utilise la logique standard pour sélectionner le protocole HTTP ou HTTPS.
Poste de travail Firefox 23 à 44 Téléchargement progressif.
Poste de travail Firefox 45 ou version ultérieure HLS diffusion vidéo en flux continu.
Poste de travail Chrome HLS diffusion vidéo en flux continu.
Poste de travail Safari (Mac) HLS diffusion vidéo en flux continu.
Mobile Chrome (Android 6 ou version antérieure) Téléchargement progressif.
Mobile Chrome (Android 7 ou version ultérieure) HLS diffusion vidéo en flux continu.
Mobile Android (navigateur par défaut) Téléchargement progressif.
Mobile Safari (iOS) HLS diffusion vidéo en flux continu.
Mobile Chrome (iOS) HLS diffusion vidéo en flux continu.
Mobile Blackberry HLS diffusion vidéo en flux continu.

Architecture de la solution vidéo Dynamic Media

Le graphique suivant montre le processus global de création de vidéos qui sont téléchargées et codées par le biais de DMGateway et mises à disposition pour une consommation publique.

Architecture de publication hybride des vidéos

Bonnes pratiques en matière de codage de vidéos

Le processus vidéo d’encodage Dynamic Media encode la vidéo si vous avez activé Dynamic Media et configuré les services cloud vidéo. Ce processus capture l’historique de traitement des workflows et les informations d’échec. Voir Surveillance du codage vidéo et de la progression de la publication sur YouTube . If you have enabled Dynamic Media and set up Video Cloud services, the Dynamic Media Encode Video workflow automatically takes effect when you upload a video. (If you are not using Dynamic Media, the DAM Update Asset workflow takes effect.)
Vous trouverez ci-dessous quelques conseils sur les bonnes pratiques de codage des fichiers source vidéo.
Pour obtenir plus de conseils sur le codage vidéo, voir :

Fichiers vidéo source

Lorsque vous codez un fichier vidéo, utilisez un fichier vidéo source ayant la plus haute qualité possible. Évitez d’utiliser des fichiers vidéo précédemment codés, car ces fichiers sont déjà compressés, et un codage supplémentaire crée une vidéo de qualité inférieure.
Le tableau ci-dessous décrit la taille recommandée, le format et le débit minimal requis pour vos fichiers vidéo sources au moment de leur codage :
Taille
Format
Débit minimal
1024 x 768
4:3
4 500 Kbit/s pour la plupart des vidéos.
1280 x 720
16:9
3 000 à 6 000 Kbit/s, selon la quantité de mouvement dans la vidéo.
1 920 x 1 080
16:9
6 000 à 8 000 kbit/s en fonction de la quantité de mouvement sur la vidéo.

Obtention des métadonnées d’un fichier

Vous pouvez obtenir les métadonnées d’un fichier en les affichant à l’aide d’un outil d’édition vidéo ou d’une application d’extraction de métadonnées. Voici les instructions d’utilisation de MediaInfo, une application tierce permettant d’extraire les métadonnées d’un fichier vidéo :
  1. Sélectionnez et téléchargez le programme d’installation pour la version de l’interface utilisateur graphique que vous utilisez, puis suivez les instructions d’installation.
  2. After installation, either right-click the video file (Windows only) and select MediaInfo , or open MediaInfo and drag your video file into the application. You see all metadata associated with your video file, including its width, height, and fps.

Format

Lorsque vous choisissez ou créez un paramètre prédéfini de codage vidéo pour votre fichier vidéo original, assurez-vous que le paramètre prédéfini indique le même format que le fichier vidéo original. Le format fait référence au rapport largeur/hauteur de la vidéo.
Pour déterminer le format d’un fichier vidéo, récupérez les métadonnées de ce fichier et notez les valeurs de largeur et de hauteur (voir la section Obtention des métadonnées d’un fichier ci-dessus). Utilisez ensuite cette formule pour déterminer le format :
largeur/hauteur = format
Ce tableau décrit la façon dont les résultats de la formule se traduisent en choix de formats :
Résultat de la formule
Format
1.33
4:3
0,75
3:4
1,78
16:9
0.56
9:16
Par exemple, une vidéo qui a une largeur de 1440 pour une hauteur de 1080 a un format de 1440/1080, soit 1,33. Dans ce cas, vous choisissez un paramètre prédéfini de codage vidéo avec un format de 4:3 pour le codage du fichier vidéo.

Débit binaire

Le débit correspond à la quantité de données encodées pour produire une seule seconde de lecture vidéo. Le débit de données est mesuré en kilobits par seconde (kbit/s).
Du fait que tous les codecs utilisent la compression avec perte, le débit de données est le facteur le plus important de la qualité vidéo. Quand vous utilisez la compression avec perte, plus vous compressez la vidéo, plus la qualité de l’image se dégrade. Toutes les autres caractéristiques étant égales (résolution, taux de rafraîchissement et codec), plus le débit de données est faible, moins la qualité du fichier compressé est bonne.
Lorsque vous sélectionnez l’encodage du débit, vous avez le choix entre deux types :
  • Codage de débit constant (CBR) - Pendant le codage CBR, le débit ou le nombre de bits par seconde est conservé de la même façon tout au long du processus de codage. L’encodage CBR maintient le débit défini selon votre configuration sur l’intégralité de la vidéo. En outre, le codage CBR n’optimise pas la qualité des fichiers multimédias, mais économise de l’espace de stockage.
    Utilisez le codage CBR si votre vidéo présente globalement un niveau de mouvement similaire. Le codage CBR est le plus souvent utilisé pour diffuser le contenu vidéo en continu. Voir également Utilisation de paramètres de codage vidéo personnalisés .
  • Codage de débit variable (VBR) - Le codage VBR ajuste le débit de données vers le bas et la limite supérieure que vous définissez, en fonction des données requises par le compresseur. Cela signifie que lors d’un processus de codage VBR, le débit du fichier multimédia augmente ou diminue de manière dynamique en fonction des besoins du débit de fichiers multimédias.
    Le VBR prend plus de temps au codage, mais garantit de meilleurs résultats, avec une qualité de fichier multimédia supérieure. Le codage VBR est couramment utilisé pour la diffusion http progressive de contenu vidéo.
Quand devriez-vous utiliser le VBR ou le CBR ? Lorsque vous devez choisir entre le VBR et le CBR, il est presque toujours recommandé d’utiliser le VBR pour vos fichiers multimédias. Le VBR vous garantit des fichiers de meilleure qualité à des débits compétitifs. Lorsque vous utilisez le VBR, assurez-vous d’utiliser le codage à deux passages, et définissez le débit maximal afin qu’il soit 1,5 fois supérieur au débit vidéo cible.
Lorsque vous choisissez un paramètre prédéfini de codage vidéo, tenez compte de la vitesse de connexion de l’utilisateur final auquel la vidéo est destinée. Choisissez un paramètre prédéfini avec un débit de données correspondant à 80 % de cette vitesse. Par exemple, si la vitesse de connexion de l’utilisateur final est de 1 000 kbit/s, le meilleur paramètre prédéfini est celui qui comprend un débit vidéo de 800 kbit/s.
Ce tableau décrit le débit de données associé à des vitesses de connexion courantes.
Vitesse (kbit/s)
Type de connexion
256
Connexion d'accès à distance.
800
Connexion mobile standard. Pour cette connexion, visez un débit de données de 400 à 800 kbit/s pour les expériences 3G.
2000
Connexion haut débit standard de bureau. Pour cette connexion, visez un débit de données de 800 à 2 000 kbit/s, bien qu’un débit de 1 200 à 1 500 kbit/s convienne à la plupart des cibles.
5 000
Connexion haut débit standard. Il est déconseillé de coder dans cette plage supérieure, car la diffusion de la vidéo à cette vitesse n’est pas possible pour la plupart des consommateurs.

Résolution

La résolution décrit la hauteur et la largeur d’un fichier vidéo, exprimée en pixels. La plupart des vidéos sources sont stockées à une résolution élevée (par exemple, 1 920 x 1 080). À des fins de diffusion en flux continu, la vidéo source est compressée à une résolution inférieure (640 x 480, voire moins).
La résolution et le débit de données sont deux facteurs étroitement liés qui déterminent la qualité de la vidéo. Pour maintenir la même qualité vidéo, plus le nombre de pixels (c’est-à-dire la résolution) est élevé dans un fichier vidéo, plus le débit de données doit l’être également. Par exemple, considérez le nombre de pixels par image dans un fichier vidéo d’une résolution de 320 x 240 pixels et dans un fichier vidéo d’une résolution de 640 x 480 pixels :
Résolution
Pixels par image
320 x 240
76 800
640 x 480
307 200
Le fichier de 640 x 480 possède quatre fois plus de pixels par image. Pour atteindre le même débit de données avec ces deux résolutions, vous appliquez une compression de 4 au fichier d’une résolution de 640 x 480 pixels, ce qui peut réduire la qualité de la vidéo. Par conséquent, un débit de données vidéo de 250 kbit/s produit un affichage de haute qualité à une résolution de 320 x 240 pixels, mais pas à une résolution de 640 x 480 pixels.
En général, plus le débit de données que vous utilisez est élevé, plus la qualité de votre vidéo est bonne, et plus vous utilisez une résolution élevée, plus de débit de données dont vous avez besoin est élevé pour conserver la qualité de visionnage (en comparaison avec des résolutions plus basses).
Du fait que la résolution et le débit de données sont liés, vous avez le choix entre deux options lors du codage vidéo :
  • Choisir un débit de données puis, en fonction de ce paramètre, coder à la résolution la plus haute pour obtenir une vidéo de bonne qualité.
  • Choisir une résolution, puis coder au débit de données nécessaire pour que la qualité vidéo soit optimale à la résolution choisie.
Lorsque vous choisissez (ou créez) un paramètre prédéfini de codage vidéo pour votre fichier vidéo original, utilisez ce tableau pour choisir la résolution cible appropriée :
Résolution
Hauteur (pixels)
Taille d’écran
240 p
240
Écran de très petite taille
300 p
300
Petit écran équipant généralement les appareils mobiles
360 p
360
Petit écran
480 p
480
Écran de taille moyenne
720 p
720
Grand écran
1 080 p
1080
Grand écran haute définition

Images par seconde

Aux États-Unis et au Japon, la plupart des vidéos sont tournées à 29,97 ips (images par seconde) ; en Europe, la plupart des vidéos le sont à 25 ips. Un film est tourné à 24 ips.
Choisissez un paramètre prédéfini de codage vidéo correspondant au nombre d’images par seconde de votre vidéo originale. Par exemple, si le débit est de 25 ips pour la vidéo originale, choisissez un paramètre prédéfini de 25 ips pour le codage. Par défaut, tous les codages personnalisés utilisent le nombre d’images par seconde de la vidéo originale. C’est pourquoi il est inutile d’indiquer le nombre d’images par seconde lorsque vous créez un paramètre prédéfini de codage vidéo.

Dimensions du codage vidéo

Pour obtenir des résultats optimaux, sélectionnez les dimensions de codage de façon à ce que la vidéo source corresponde à un multiple entier de toutes vos vidéos codées.
Pour ce faire, il suffit de diviser la largeur de la source par la largeur codée pour obtenir le rapport de largeur, puis de diviser la hauteur de la source par la hauteur codée pour obtenir le rapport de hauteur.
Si le résultat est un nombre entier, cela signifie que la mise à l’échelle de la vidéo est parfaite. Si le résultat n’est pas un nombre entier, la qualité vidéo s’en ressentira en raison de la présence d’artefacts vidéo (pixels résiduels). Cet effet est plus visible lorsque la vidéo contient du texte.
Supposons, par exemple, que la résolution de votre vidéo source soit équivalente à 1920 x 1080 pixels. Dans le tableau ci-après, les trois vidéos codées indiquent les paramètres de codage optimaux à appliquer.
Type de vidéo
Largeur x hauteur
Rapport de largeur
Rapport de hauteur
Source
1 920 x 1 080
1
1
Codée
960 x 540
2
2
Codée
640 x 360
3
3
Codée
480 x 270
4
4

Format de fichier vidéo codé

Dynamic Media recommande d’utiliser les paramètres prédéfinis MP4 H.264 de codage vidéo. Comme les fichiers MP4 utilisent le codec vidéo H.264, la vidéo est de haute qualité mais dans un fichier au volume compressé.

Publication de vidéos sur YouTube

Vous pouvez publier des ressources vidéo AEM on-premise directement sur une chaîne YouTube que vous avez précédemment créée.
Pour publier des ressources vidéo sur YouTube, vous définissez AEM Assets avec des balises. Vous associez ces balises à une chaîne YouTube. Si la balise d’une ressource vidéo correspond à la balise d’une chaîne YouTube, la vidéo est publiée sur YouTube. Si le fichier vidéo ne comporte pas de balise, il n’est pas publié sur YouTube.
La publication sur YouTube contourne le système de profil de traitement dans AEM et, par conséquent, le profil de codage vidéo. Ce contournement est dû au fait que YouTube a son propre codage, de sorte qu’un profil de traitement vidéo n’est pas nécessaire. Dans la plupart des cas, toutefois, vos ressources vidéo devront sans doute passer par un profil de traitement vidéo. Lorsque vous ignorez le profil de traitement vidéo et publiez directement sur YouTube, cela signifie simplement que votre fichier vidéo dans AEM Asset n’obtient pas de miniature affichable. Cela signifie également que si vous utilisez le mode d’exécution dynamicmedia, les vidéos non codées ne fonctionneront pas avec les types de ressources Dynamic Media.
Pour garantir une authentification serveur à serveur sécurisée avec YouTube, la publication des vidéos sur les serveurs YouTube implique les tâches suivantes :

Configuration des paramètres de Google Cloud

Pour effectuer une publication sur YouTube, vous avez besoin d’un compte Google. Si vous avez un compte GMAIL, vous avez déjà un compte Google. Si vous n'avez pas de compte Google, vous pouvez facilement en créer un. Un compte est nécessaire, car vous avez besoin des informations d’identification pour publier des ressources vidéo sur YouTube. If you have an account already created, then skip this task and proceed to Creating a YouTube channel .
Les étapes suivantes étaient exactes au moment de leur rédaction. Toutefois, Google met à jour régulièrement ses sites web sans préavis. Par conséquent, ces étapes peuvent être légèrement différentes.
Pour configurer les paramètres de Google Cloud :
  1. Créez un compte Google.
    Si vous disposez déjà d’un compte Google, passez à l’étape suivante.
  2. On the Google Cloud Platform page, near the top, tap Console . Vous devrez peut-être vous connecter à l’aide de vos identifiants de compte Google.
  3. On the Dashboard page, tap Create Project .
  4. In the New Project dialog box, enter in a project name.
    Notez que votre ID de projet est basé sur le nom du projet. Par conséquent, choisissez soigneusement le nom du projet ; il ne peut pas être modifié une fois créé. Vous devrez également saisir à nouveau le même ID de projet lorsque vous configurez YouTube dans Adobe Experience Manager ultérieurement. Il est conseillé de conserver l’ID de projet sur une feuille de papier.
  5. Appuyez sur Create (Créer).
  6. On your project’s Dashboard , in the Getting Started card, tap Enable APIs and get credentials like keys .
  7. Near the top of the Dashboard page, tap Enable API .
  8. On the Library page, under YouTube APIs, tap YouTube Data API .
  9. Near the top of the YouTube Data API v3] page, tap Enable to turn it on.
  10. Pour utiliser l’API, vous aurez peut-être besoin d’identifiants. If necessary, tap Create Credentials .
  11. Depuis la liste déroulante Depuis où appellerez-vous l’API ? , sélectionnez Serveur web (par exemple, node.js, Tomcat) .
  12. Sous À quelles données aurez-vous accès ? sélectionnez Données utilisateur .
  13. Appuyez sur De quels identifiants ai-je besoin ? .
  14. Sous l’en-tête Créer un ID client OAuth 2.0 , saisissez un nom unique.
  15. In the text field under the Authorized Javascript origins heading, enter the following path, substituting your own domain and port number in the path, then press Enter to add the path to the list:
    https://<servername.domain>:<port_number>
    Par exemple, https://1a2b3c.mycompany.com:4321
    Remarque : L’exemple du chemin ci-dessus est fourni uniquement à titre illustratif.
  16. In the text field under the Authorized redirect URIs heading, enter the following, substituting your own domain and port number in the path, then press Enter to add the path to the list:
    https://<servername.domain>:<port#>/etc/cloudservices/youtube.youtubecredentialcallback.json
    Par exemple, https://1a2b3c.mycompany.com:4321/etc/cloudservices/youtube.youtubecredentialcallback.json
    Remarque : L’exemple du chemin ci-dessus est fourni uniquement à titre illustratif.
  17. Tap Create client ID .
  18. On the Credentials page, under the Set up the OAuth 2.0 consent screen heading, select the Gmail address that you are currently using.
  19. Dans le champ de texte sous l’en-tête Nom de produit présenté aux utilisateurs , saisissez les éléments que vous souhaitez afficher sur l’écran du consentement du visiteur.
    L’écran du consentement s’affiche à l’administrateur AEM lorsque celui-ci s’identifie sur YouTube ; AEM contactera YouTube pour l’autorisation.
  20. Appuyez sur Continuer .
  21. Under the Download credentials heading, tap Download .
  22. Enregistrez le fichier client_id.json .
    Vous en aurez besoin lors de la configuration ultérieure de YouTube dans Adobe Experience Manager.
  23. Appuyez sur Done (Terminé).
    Vous allez maintenant créer une chaîne YouTube.

Création d’une chaîne YouTube

Pour publier des vidéos sur YouTube, vous devez disposer d’une ou de plusieurs chaînes. Si vous avez déjà créé une chaîne YouTube, vous pouvez ignorer cette étape et passer à la tâche Ajout de balises pour la publication .
Be sure you have already set up one or more channels in YouTube &ast;before&ast; you add channels under YouTube Settings in AEM (see Setting up YouTube in AEM below). Si vous n’avez pas configuré de chaîne, aucun avertissement ne s’affichera. L’authentification Google a lieu lorsque vous ajoutez une chaîne, mais il n’existe pas d’option permettant de choisir la chaîne vers laquelle la vidéo est envoyée.
Pour créer un canal YouTube :
  1. Accédez à https://www.youtube.com , puis connectez-vous à l’aide des informations d’identification de votre compte Google.
  2. In the upper-right corner of the YouTube page, tap your profile picture (may also appear as a letter within a solid colored circle), then tap YouTube settings (round gear icon).
  3. On the Overview page, under the Additional Features heading, tap See all my channels or create a new channel .
  4. On the Channels page, tap Create a new channel .
  5. On the Brand Account page, in the Brand Account Name field, enter a business name or any other channel name you choose where you want to publish your video assets, then tap Create .
    Mémorisez le nom de la chaîne, car vous devrez le saisir de nouveau lors de la configuration de YouTube dans AEM.
  6. (Facultatif) Si nécessaire, ajoutez d’autres chaînes.
    Vous allez à présent ajouter des balises pour la publication.

Ajout de balises pour la publication

Pour publier vos vidéos sur YouTube, AEM associe des balises à une ou plusieurs chaînes YouTube. Pour ajouter des balises pour la publication, voir Administration des balises .
Ou, si vous prévoyez d’utiliser les balises par défaut dans AEM, vous pouvez ignorer cette tâche et accéder à Activation de l’agent de réplication de publication YouTube .

Activation de l’agent de réplication de publication YouTube

  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Replication > Agents on Author .
  2. On the Agents of Author page, tap YouTube Publish (youtube) .
  3. On the toolbar, to the right of Settings, tap Edit .
  4. Cochez la case Activé pour activer l’agent de réplication.
  5. tap OK .
    Vous allez maintenant installer YouTube dans AEM.

Configuration de YouTube dans AEM

  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Cloud Services .
  2. Under the Third Party Services heading, under YouTube, tap Configure now .
  3. In the Create Configuration] dialog box, enter a title (mandatory) and name (optional) in the respective fields.
  4. Appuyez sur Create (Créer).
  5. In the YouTube Account Settings dialog box, in the Application Name field, enter the Google Project ID.
    Vous avez spécifié l’ID de projet lorsque vous avez précédemment configuré les paramètres de Google Cloud.
    Leave the YouTube Account Setting dialog box open; you will return to it in a moment.
  6. À l’aide d’un éditeur de texte brut, ouvrez le fichier JSON que vous avez téléchargé et enregistré au cours de la tâche Configuration des paramètres de Google Cloud.
  7. Sélectionnez l’intégralité du texte JSON et copiez-le.
  8. Return to the YouTube Account Settings dialog box. In the JSON Config field, paste the JSON text.
  9. Appuyez sur OK .
    Vous devez maintenant configurer les chaînes YouTube dans AEM.
  10. À droite des Canaux disponibles , appuyez sur + (plus l’icône de signe).
  11. In the YouTube Channel Settings dialog box, in the Title field, enter the name of the channel that you created in the task Creating a YouTube channel ​earlier.
    Vous pouvez éventuellement ajouter une description.
  12. Appuyez sur OK .
  13. L’authentification YouTube/Google s’affiche. Si vous n’êtes pas déjà connecté à un compte Google Cloud, ignorez cette étape.
    • Saisissez le nom d’utilisateur Google et le mot de passe associés à l’ID de projet Google et au texte JSON ci-dessus.
    • Selon le nombre de chaînes associées à votre compte, deux éléments au moins sont affichés. Sélectionnez une chaîne. Ne sélectionnez pas l’adresse électronique.
    • Dans la page suivante, appuyez sur Accepter pour autoriser l’accès à cette chaîne.
  14. Appuyez sur [Allow .
    Vous allez maintenant configurer des balises pour la publication.
  15. Configuration des balises pour publication - Sur la page Cloud Services > YouTube , appuyez sur l’icône représentant un crayon pour modifier la liste des balises que vous souhaitez utiliser.
  16. Appuyez sur l’icône de liste déroulante (flèche pointant vers le bas) pour afficher la liste des balises disponibles dans AEM.
  17. Appuyez sur une ou plusieurs balises afin de les ajouter.
    Pour supprimer une balise que vous avez ajoutée, sélectionnez-la et appuyez sur X .
  18. Lorsque vous avez terminé d’ajouter les balises souhaitées, appuyez sur OK .
    Vous allez à présent publier des vidéos sur votre chaîne YouTube.

(Facultatif) Automatisation de la définition des propriétés YouTube par défaut pour vos vidéos chargées

Vous pouvez automatiser la définition des propriétés YouTube lors du transfert de vos vidéos. À cet effet, créez un profil de traitement des métadonnées dans AEM.
Pour créer le profil de traitement des métadonnées, vous allez d’abord copier les valeurs des champs Étiquette de champ , Associer à la propriété et Choix , tous situés dans les schémas de métadonnées pour la vidéo. Ensuite, vous allez créer votre propre profil de traitement des métadonnées vidéo YouTube en y ajoutant ces valeurs.
Pour automatiser éventuellement les paramètres des propriétés YouTube par défaut des vidéos téléchargées :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Schemas .
  2. Appuyez sur Valeur par défaut . (Ne cochez pas la case de sélection à gauche de l’option « Par défaut ».)
  3. On the default page, check the box to the left of video , then tap Edit .
  4. On the Metadata Schema Editor page, tap the Advanced tab.
  5. Under the YouTube Publishing heading, tap YouTube Category . (N’appuyez pas sur la liste déroulante de catégorie YouTube.)
  6. Dans la partie droite de la page, sous l’onglet Paramètres , procédez comme suit :
    • Dans le champ de texte Libellé du champ , sélectionnez la valeur et copiez-la.
      Collez la valeur copiée dans un éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
    • Dans le champ de texte Associer à la propriété , sélectionnez la valeur et copiez-la.
      Collez la valeur copiée dans l’éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
    • Sous Choix , sélectionnez la valeur par défaut à utiliser (comme « Personnes et blogs » ou « Science et technologie ») et copiez-la.
      Collez la valeur copiée dans l’éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
  7. Under the YouTube Publishing heading, tap YouTube Privacy . (N’appuyez pas dans la liste déroulante Confidentialité YouTube.)
  8. Dans la partie droite de la page, sous l’onglet Paramètres , procédez comme suit :
    • Dans le champ de texte Libellé du champ , sélectionnez la valeur et copiez-la.
      Collez la valeur copiée dans un éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
    • Dans le champ de texte Associer à la propriété , sélectionnez la valeur et copiez-la.
      Collez la valeur copiée dans l’éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
    • Sous Choix , sélectionnez la valeur par défaut à utiliser et copiez-la. Notez que les choix sont regroupés par paires. Le champ inférieur de la paire correspond à la valeur par défaut que vous souhaitez copier, comme valeur publique, non répertoriée ou privée.
      Collez la valeur copiée dans l’éditeur de texte ouvert. Par la suite, vous aurez besoin de cette valeur lorsque vous créez le profil de traitement des métadonnées. Laissez l’éditeur de texte ouvert.
  9. Near the upper-right corner of the Metadata Schema Editor page, tap Cancel .
  10. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Profiles .
  11. On the [Metadata Profiles page, near the upper-right corner of the page, tap [Create . In the [Add Metadata Profile dialog box, in the Profile title text field, enter the name YouTube Video .
  12. On the Metadata Profile Editor page, tap the Advance tab.
  13. Ajoutez les valeurs de publication YouTube copiées au profil en procédant comme suit :
    • Dans la partie droite de la page, appuyez sur l’onglet Créer le formulaire .
    • Drag the component labeled Section Header to the left and drop it in the form area.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Publishing .
    • Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Publishing heading that you just created.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, paste the YouTube Publishing values ( Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the Choices value into the Default Value field.
  14. Ajoutez les valeurs de confidentialité YouTube copiées au profil en procédant comme suit :
    • Dans la partie droite de la page, appuyez sur l’onglet Créer le formulaire .
    • Drag the component labeled Section Header to the left and drop it in the form area.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Privacy .
    • Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Privacy heading you just created.
    • Tap Field Label to select the component.
    • On the right side of the page, under the Settings tab, paste the YouTube Publishing values ( Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the [Choices value into the Default Value field.
  15. Dans le coin supérieur droit de la page, appuyez sur Enregistrer .
  16. Appliquez le profil des métadonnées de publication YouTube aux dossiers dans lesquels vous allez transférer des vidéos. Vous devez avoir configuré le profil des métadonnées et le profil vidéo.

Publication de vidéos sur votre chaîne YouTube

Vous devez maintenant associer les balises que vous avez précédemment ajoutées aux ressources vidéo. Ce processus permet à AEM de déterminer les ressources à publier sur votre chaîne YouTube.
Pour publier du contenu depuis YouTube, AEM utilise le workflow Publier sur YouTube , qui vous permet de surveiller la progression et de consulter toutes les informations d’échec. Voir Surveillance du codage vidéo et de la progression de la publication sur YouTube .
Pour publier des vidéos sur votre canal YouTube :
  1. Dans AEM, accédez à la ressource vidéo que vous souhaitez publier sur votre chaîne YouTube.
  2. Sélectionnez la ressource vidéo.
    Quelle que soit la ressource vidéo que vous sélectionnez (comme la vidéo source d’origine ou un rendu encodé de cette vidéo), la vidéo de source d’origine est toujours chargée.
  3. Dans la barre d’outils, appuyez sur Propriétés .
  4. In the Basic tab, under the Metadata heading, tap Browse to the right of the Tags field.
  5. On the Select Tags page, navigate to the tags you want to use, and then select one or more tags.
  6. In the upper-right corner of the page, tap the Confirm icon.
  7. In the upper-right corner of the video's properties page, tap Save .
  8. On the toolbar, tap Publish > Publish .
    Vous avez la possibilité de vérifier la vidéo publiée sur votre chaîne YouTube.

(Facultatif) Vérification de la vidéo publiée sur YouTube

Vous pouvez surveiller la progression de votre publication YouTube (ou de l’annulation de la publication).
Le délai de publication peut varier considérablement en fonction de nombreux facteurs, comme le format de la vidéo originale, la taille du fichier et le trafic de téléchargement. La publication peut prendre de quelques minutes à plusieurs heures. Sachez également que les formats de haute résolution sont rendus beaucoup plus lentement. Par exemple, les vidéos à 720p et 1 080 p prennent beaucoup plus de temps à s'afficher que les vidéos à 480 p.
Au bout de huit heures, si un message d'état indiquant Téléchargé (en cours de traitement, veuillez patienter) s'affiche toujours, essayez de supprimer la vidéo de notre site et retéléchargez-la.

Liaison d’URL YouTube à une application web

Une fois que vous avez publié la vidéo, une chaîne URL YouTube est générée par Dynamic Media. Lorsque vous copiez l’URL YouTube, elle est envoyée au Presse-Papiers dont vous pouvez coller le contenu, le cas échéant, sur les pages de votre site web ou de votre application.
L'URL YouTube ne peut pas être copiée tant que vous n'avez pas publié la ressource vidéo sur YouTube.
Pour lier des URL YouTube à votre application Web :
  1. Navigate to the YouTube published video asset whose URL you want to copy, then select it.
    N’oubliez pas que les URL YouTube peuvent être copiées uniquement après la publication des ressources vidéo sur YouTube.
  2. Dans la barre d’outils, appuyez sur Propriétés .
  3. Sélectionnez l'onglet Avancé .
  4. Under the YouTube Publishing heading, in the YouTube URL List, select and copy the URL text to your web browser to preview the asset or to add to your web content page.

Annulation de la publication d’une vidéo pour la supprimer de YouTube

Lorsque vous annulez la publication d’une ressource vidéo dans AEM, la vidéo est supprimée de YouTube.
Si vous supprimez une vidéo directement sur YouTube, AEM l’ignore et continue de se comporter comme si la vidéo était toujours publiée sur YouTube. Veillez toujours à annuler la publication d’une ressource vidéo sur YouTube via AEM.
Pour supprimer du contenu depuis YouTube, AEM utilise le processus Annuler la publication sur YouTube , qui vous permet de surveiller la progression et de consulter toutes les informations d’échec. Voir Surveillance du codage vidéo et de la progression de la publication sur YouTube .
Pour annuler la publication de vidéos afin de les supprimer de YouTube :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets .
  2. Accédez à la ressource vidéo que vous souhaitez publier sur votre chaîne YouTube.
  3. Dans un mode de sélection de ressource, sélectionnez une ou plusieurs ressources vidéo publiées.
  4. On the toolbar, tap Unpublish > Unpublish .

Surveillance du codage vidéo et de la progression de la publication sur YouTube

Lorsque vous téléchargez une nouvelle vidéo vers un dossier auquel un codage vidéo a été appliqué ou que vous publiez votre vidéo sur YouTube, vous pouvez contrôler la manière dont votre codage vidéo/publication YouTube progresse (ou échoue) de plusieurs façons. La progression de la publication YouTube réelle est uniquement disponible via les journaux mais sa réussite ou son échec sont également répertoriés et décrits dans la procédure suivante. En outre, vous pouvez recevoir des notifications par courrier électronique lorsqu’un processus de publication YouTube ou un codage vidéo est terminé ou interrompu.

Suivi de la progression

Pour surveiller la progression (notamment l’échec du codage ou de la publication YouTube) :
  1. Consultez la progression du codage vidéo dans votre dossier de ressources :
    • In Card View , video encoding progress displays on the asset by percent. Si une erreur se produit, ces informations s’affichent également sur cette ressource.
    • In List View , video encoding progress displays in the Processing Status column. Si une erreur se produit, le message suivant s’affiche dans la même colonne.
      Cette colonne ne s’affiche pas par défaut. To enable the column, select View Settings from the Views drop-down menu, and add the Processing Status column and tap Update .
  2. Consultez la progression dans les détails de la ressource. When you tap an asset, open the drop-down menu and select Timeline . Pour le réduire à des activités de processus comme le codage ou la publication YouTube, sélectionnez Processus .
    Toutes les informations de processus, telles que le codage s’affichent dans la chronologie. For YouTube publish, the Workflow timeline also includes the name of the YouTube channel and the YouTube video URL. In addition, you see any failure notifications in the Workflow timeline.
    It may take a long time for failure/error messages to finally be recorded due to multiple workflow configurations on retries , retry delay , and timeout from http://localhost:4502/system/console/configMgr , for example:
    • Configuration de la file d’attente des tâches Apache Sling
    • Gestionnaire des tâches du processus externe de processus Adobe Granite
    • File d’attente des délais d’attente des processus Granite
    Vous pouvez ajuster les propriétés reprises , délai de reprise et délai d’expiration dans ces configurations.
  3. For workflows in progress, see Workflow Instances available from Tools > Workflow > Instances .
    Vous aurez peut-être besoin de droits administratifs pour accéder au menu Outils .
    Select the instance and tap Open History .
    From the Workflow Instances area, you can also suspend, terminate, or rename workflows. Voir Administration des workflows pour plus d’informations.
  4. For failed jobs, see Workflow Failures available from Tools > Workflow > Failures . L’ échec du processus répertorie toutes les activités du processus ayant échoué.
    Vous aurez peut-être besoin de droits administratifs pour accéder au menu Outils .
    It may take a long time for the error message to finally be recorded due to multiple workflow configurations on retries , retry delay , and timeout from http://localhost:4502/system/console/configMgr , for example:
    • Configuration de la file d’attente des tâches Apache Sling
    • Gestionnaire des tâches du processus externe de processus Adobe Granite
    • File d’attente des délais d’attente des processus Granite
    Vous pouvez ajuster les propriétés reprises , délai de reprise et délai d’expiration dans ces configurations.
  5. For completed workflows, see Workflow Archive available from Tools > Workflow > Archive . La liste Archive de workflow répertorie toutes les activités de workflow qui ont réussi.
    Vous aurez peut-être besoin de droits administratifs pour accéder au menu Outils .
  6. Vous pouvez recevoir des notifications par courrier électronique sur les tâches de processus annulées ou qui ont échoué. Ces notifications peuvent être configurées par un administrateur. Voir Configuration des notifications par courrier électronique .

Configuration des notifications par courrier électronique

Vous aurez peut-être besoin de droits administratifs pour accéder au menu Outils .
La façon dont vous configurez les notifications varie si vous souhaitez recevoir des notifications pour les tâches de codage ou pour les tâches de publication YouTube :
  • For encoding jobs, you can access the configuration page for all AEM workflow email notifications at Tools > Operations > Web Console and by searching for Day CQ Workflow Email Notification Service . See Configuring Email Notification in AEM . You can select or clear the check boxes for Notify on Abort or Notify on Complete accordingly.
  • Pour les tâches de publication YouTube, procédez comme suit :
  1. In AEM, select Tools > Workflow > Models .
  2. Sélectionnez le processus Publier sur YouTube , puis appuyez sur Modifier .
  3. Cliquez avec le bouton droit de la souris sur l’étape de flux de travaux de téléchargement ​YouTube, puis appuyez sur Modifier .
  4. Appuyez sur l’onglet Arguments .
  5. Vous pouvez cocher ou décocher les cases suivantes :
    • Début de la publication
    • Échec de la publication
    • Fin de publication, qui comprend des informations sur les canaux et les URL
    Décocher une case signifie que vous ne recevrez pas de notifications par courrier électronique spécifiques du processus publication YouTube.
    Ces courriers électroniques sont spécifiques à YouTube et sont un complément aux notifications électroniques génériques des processus. Par conséquent, vous pouvez recevoir deux ensembles de notifications électroniques : une notification générique disponible dans le Service de notification par courrier électronique de processus Day CQ et une notification spécifique à YouTube en fonction de vos paramètres de configuration.

Affichage de rapports vidéo

Des rapports vidéo sont disponibles lorsque vous exécutez le mode Contenu multimédia dynamique - hybride ; les rapports ne sont pas disponibles lorsque vous exécutez le mode Contenu multimédia dynamique - Scene7.
Les rapports vidéo affichent plusieurs mesures agrégées sur une période spécifiée pour vous permettre de vérifier que les vidéos individuelles et agrégées publiées présentent les performances attendues. Les données des mesures principales suivantes sont agrégées pour toutes les vidéos publiées sur l’ensemble de votre site web :
  • Lancements de vidéo
  • Taux d'achèvement
  • Temps moyen sur la vidéo
  • Durée totale sur la vidéo
  • Vidéos par visite
Un tableau de toutes les vidéos publiées est également fourni pour vous permettre de suivre les vidéos les plus visionnées sur votre site web en fonction du total des lancements de vidéo.
Lorsque vous appuyez sur le nom d'une vidéo dans la liste, le rapport sur la rétention de l'audience (taux de déperdition) de la vidéo s'affiche sous la forme d'un graphique en courbes. Le graphique affiche le nombre de visionnages à tout moment de la lecture vidéo. Lorsque vous lisez la vidéo, la barre verticale effectue un suivi en synchronisation avec l'indicateur temporel du lecteur. Des baisses dans les données du graphique en courbes indiquent où le désintérêt de votre audience augmente.
Si la vidéo a été codée en dehors d'Adobe Experience Manager Dynamic Media, le graphique sur la rétention de l'audience (taux de déperdition) et les données de pourcentage de lecture du tableau ne sont pas disponibles.
Le suivi et les données de rapport reposent exclusivement sur l'utilisation du lecteur vidéo de Dynamic Media et du paramètre de lecteur vidéo prédéfini associé. Vous ne pouvez donc pas effectuer le suivi et créer de rapports sur des vidéos qui sont lues par d'autres lecteurs vidéo.
Par défaut, la première fois que vous utilisez l’option Rapports vidéo, le rapport affiche des données vidéo du premier jour du mois en cours jusqu’à la date du mois en cours. Vous pouvez toutefois remplacer la période par défaut par la vôtre. La prochaine fois que vous utiliserez l’option Rapports vidéo, la période que vous avez spécifiée sera utilisée.
Pour que les rapports vidéo fonctionnent correctement, un identifiant de suite de rapports est automatiquement créé lors de la configuration des Cloud Services Dynamic Media. Dans le même temps, l’identifiant de suite de rapports est transmis au serveur de publication pour qu’il soit disponible pour la fonctionnalité de copie d’URL lors de la prévisualisation de ressources. Cela nécessite toutefois que le serveur de publication soit déjà configuré. Si le serveur de publication n’est pas configuré, vous pouvez effectuer une publication pour afficher le rapport vidéo. Vous devez toutefois retourner dans la configuration du cloud Dynamic Media et appuyer sur OK .
Pour vue des rapports vidéo :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Video Reports .
  2. Dans la page Rapport vidéo, effectuez l’une des opérations suivantes :
    • Dans le coin supérieur droit, appuyez sur l’icône Actualiser le rapport vidéo.
      Vous ne devez utiliser la commande d’actualisation que si la date de fin du rapport correspond à la date du jour. Vous affichez ainsi le suivi vidéo qui a eu lieu depuis la dernière exécution du rapport.
    • Dans le coin supérieur droit, appuyez sur l’icône Sélecteur de date.
      Indiquez la période de début et de fin pour laquelle vous souhaitez obtenir les données vidéo, puis appuyez sur Exécuter le rapport . The Top Metrics group box identifies various aggregate measurements for all published videos across your site.
  3. Dans le tableau qui répertorie les principales vidéos publiées, appuyez sur le nom d'une vidéo pour la lire et afficher également le rapport sur la rétention de l'audience (taux de déperdition) de celle-ci.

Affichage de rapports vidéo reposant sur un lecteur vidéo créé à l'aide du kit Scene7 HMTL5 Viewer SDK

Si vous utilisez une visionneuse de vidéos prête à l’emploi fournie par Dynamic Media ou si vous avez créé un paramètre prédéfini de visionneuse personnalisée reposant sur une visionneuse de vidéos prête à l’emploi, aucune autre étape n’est nécessaire pour afficher les rapports vidéo. En revanche, si vous avez créé votre propre visionneuse de vidéos en vous reposant sur le SDK de la visionneuse HTML5 de Scene7, suivez les étapes ci-après pour vous assurer que votre visionneuse de vidéos envoie des événements de suivi aux rapports vidéo Dynamic Media.
Utilisez le guide de référence des visionneuses Scene7 et le SDK de la visionneuse HTML5 de Scene7 pour créer vos visionneuses de vidéos.
Téléchargez le kit Scene7 HTML Viewer SDK à partir d'Adobe Developer Connection.
Pour afficher des rapports vidéo qui reposent sur une visionneuse de vidéos créée à l'aide du kit Scene7 HTML5 Viewer SDK, procédez comme suit :
  1. Accédez à une ressource vidéo publiée.
  2. Près du coin supérieur gauche de la page du fichier, sélectionnez Visionneuses dans la liste déroulante.
  3. Sélectionnez un paramètre prédéfini de visionneuse de vidéos et copiez le code intégré.
  4. Dans le code intégré, recherchez la ligne suivante :
    videoViewer.setParam("config2", "<value>");
    Le paramètre config2 active le suivi dans les visionneuses HTML5. Il s’agit également d’un paramètre prédéfini spécifique à l’entreprise qui contient des informations de configuration pour les rapports vidéo et pour les configurations Adobe Analytics propres au client.
    La valeur correcte du paramètre config2 figure dans le code intégré et la fonction Copier l’ URL . Dans l’URL provenant de la commande Copier l’ URL , le paramètre à rechercher est &config2=<value> . La valeur est pratiquement toujours companypreset , mais dans certains cas elle peut également être companypreset-1 , companypreset-2 , etc.
  5. Dans le code de la visionneuse de vidéos personnalisée, ajoutez le fichier AppMeasurementBridge.jsp à la page de la visionneuse en procédant comme suit :
    • Tout d’abord, déterminez si vous avez besoin du paramètre  &preset .
      If the config2 parameter is companypreset , you do not need &preset=parameter .
      Si le paramètre config2 a une autre valeur, attribuez au paramètre preset la même valeur que le paramètre config2 . Par exemple, si config2=companypreset-2 , ajoutez &param2=companypreset-2 à l’URL d’AppMeasurmentBridge.jsp.
    • Ajoutez ensuite le script AppMeasurementBridge.jsp :
      <script language="javascript" type="text/javascript" src="https://s7d1.scene7.com/s7viewers/AppMeasurementBridge.jsp?company=robindallas&preset=companypreset-2"></script>
  6. Créez le composant TrackingManager en effectuant les opérations suivantes :
    • Après avoir appelé s7sdk.Utils.init(); , créez une instance TrackingManager pour suivre les événements en ajoutant le code suivant :
      var trackingManager = new s7sdk.TrackingManager();
    • Connectez les composants à TrackingManager en procédant comme suit :
      Dans le gestionnaire d’événements s7sdk.Event.SDK_READY , attachez le composant à suivre à TrackingManager.
      Par exemple, si le composant est videoPlayer , ajoutez
      trackingManager.attach(videoPlayer);
      pour joindre le composant à TrackingManager. Pour suivre plusieurs visionneuses sur une page, utilisez plusieurs composants de gestionnaire de suivi.
    • Créez l’objet AppMeasurementBridge en ajoutant ce qui suit :
      var appMeasurementBridge = new AppMeasurementBridge(); appMeasurementBridge.setVideoPlayer(videoPlayer);
      
      
    • Ajoutez la fonction de suivi en ajoutant le code suivant :
      trackingManager.setCallback(appMeasurementBridge.track, 
       appMeasurementBridge);
      
      
    L’objet appMeasurementBridge dispose d’une fonction de suivi intégrée. Vous pouvez toutefois fournir votre propre fonction pour prendre en charge plusieurs systèmes de suivi ou d’autres fonctionnalités.
    Pour plus d’informations, voir Utilisation du composant TrackingManager dans le Guide de l’utilisateur du SDK de la visionneuse HTML5 de Scene7 téléchargeable sur Adobe Developer Connection .

Ajout de sous-titres à une vidéo

Vous pouvez étendre vos vidéos aux marchés mondiaux en ajoutant des sous-titres aux vidéos ou aux visionneuses de vidéos adaptatives. En ajoutant des sous-titres, vous évitez d’avoir à réenregistrer le son ou de recourir à des locuteurs natifs pour réenregistrer la partie audio dans les différentes langues. La vidéo est lue dans la langue dans laquelle elle a été enregistrée. Les sous-titres en langue étrangère s’affichent pour que les personnes parlant d’autres langues puissent néanmoins comprendre la partie audio.
Les sous-titres offrent également une meilleure accessibilité en utilisant des sous-titres pour les sourds ou les malentendants.
Le lecteur vidéo utilisé doit prendre en charge l’affichage des sous-titres.
Dynamic Media peut convertir des fichiers de sous-titres au format JSON (JavaScript Object Notation). Cette conversion signifie que vous pouvez intégrer le texte JSON dans une page web sous forme de transcription masquée complète de la vidéo. Les moteurs de recherche peuvent ensuite analyser et indexer le contenu pour permettre de trouver plus facilement les vidéos et fournir aux utilisateurs des informations supplémentaires sur le contenu des vidéos.
Pour plus d’informations sur l’utilisation de la fonction JSON dans une URL, reportez-vous à la section Service de contenu statique (hors images) dans l’ Aide de l’API de serveur d’images de Scene7 .
Pour ajouter des sous-titres à une vidéo  :
  1. Utilisez une application tierce ou un service de création de fichiers de sous-titres de vidéo.
    Assurez-vous que le fichier que vous créez est conforme à la norme WebVTT (Web Video Text Tracks). L’extension de fichier des fichiers de sous-titres est .vtt. D’autres informations sur la norme de sous-titrage WebVTT sont disponibles.
    Reportez-vous à la section WebVTT : The web video text tracks format .
    Il existe des outils et des services gratuits et payants que vous pouvez utiliser pour créer les fichiers de sous-titres en dehors de Dynamic Media. Par exemple, pour créer un fichier de sous-titres vidéo simple sans style, vous pouvez utiliser l’outil de création et de modification de sous-titres en ligne gratuit suivant :
    Pour de meilleurs résultats, utilisez cet outil dans Internet Explorer 9 ou version ultérieure, dans Google Chrome ou Safari.
    In the tool, in the Enter URL of video file field, paste the copied URL of your video file and then tap Load . Voir Obtention d’une URL pour une ressource pour obtenir l’URL du fichier vidéo proprement dit, que vous pouvez coller ensuite dans le champ Saisir l’URL du fichier vidéo . Internet Explorer, Chrome ou Safari peuvent alors lire la vidéo en mode natif.
    À présent, suivez les instructions à l’écran du site pour créer et enregistrer votre fichier WebVTT. Lorsque vous avez terminé, copiez le contenu du fichier de sous-titres et collez-le dans un éditeur de texte brut, puis enregistrez-le avec une extension de fichier .vtt.
    Pour une prise en charge internationale des sous-titres vidéo dans différentes langues, n’oubliez pas que la norme WebVTT implique de créer des fichiers .vtt distincts et des appels pour chaque langue à prendre en charge.
    En règle générale, vous devez attribuer au fichier de sous-titres VTT le même nom qu’au fichier vidéo et vous lui ajoutez l’indicateur de paramètres régionaux, comme -EN, -FR ou -DE, et ainsi de suite. Ainsi, vous pouvez automatiser aisément la génération des URL de vidéo avec le système de gestion de contenu web existant.
  2. Dans AEM, chargez votre fichier de sous-titres WebVTT dans DAM.
  3. Accédez à la ressource vidéo publiée à associer au fichier de sous-titres que vous avez chargé.
    N’oubliez pas que les URL ne peuvent être copiées qu’ après la publication des ressources.
  4. Utilisez l’une des méthodes suivantes :
    • Pour une expérience de visionneuse de vidéos pop-up, appuyez sur URL . Dans la boîte de dialogue URL, sélectionnez L’URL et copiez-la dans le Presse-papiers, puis collez-la dans un éditeur de texte simple. Ajoutez l’URL copiée de la vidéo avec la syntaxe suivante :
      &caption=<server_path>/is/content/<path_to_caption.vtt_file,1>
      Notez le «  ,1  » à la fin du chemin du fichier de sous-titres. Juste après l’extension de fichier .vtt dans le chemin d’accès, vous avez la possibilité d’activer ou de désactiver le bouton de sous-titres dans la barre de lecteur vidéo en définissant la valeur respectivement sur «  ,1  » ou «  ,0  ».
    • Pour une expérience de visionneuse de vidéos intégrée, appuyez sur Code intégré . Dans la boîte de dialogue Code intégré, sélectionnez le code intégré et copiez-le dans le Presse-papiers, puis collez-le dans un simple éditeur de texte. Ajoutez le code intégré copié avec la syntaxe suivante :
      videoViewer.setParam("caption","<path_to_caption.vtt_file,1>");
      Notez le «  ,1  » à la fin du chemin du fichier de sous-titres. Juste après l’extension de fichier .vtt dans le chemin d’accès, vous avez la possibilité d’activer ou de désactiver le bouton de sous-titres dans la barre de lecteur vidéo en définissant la valeur respectivement sur «  ,1  » ou «  ,0  ».

Ajout de marqueurs de chapitre à la vidéo

Vous pouvez faciliter la lecture et le parcours de vos vidéos les plus longues en ajoutant des marqueurs de chapitre aux vidéos uniques ou aux visionneuses de vidéos adaptatives. Lorsqu’un utilisateur lit la vidéo, il peut appuyer sur les marques de chapitre sur le plan de montage chronologique de la vidéo (également appelé la barre de défilement vidéo) pour accéder facilement à son point d’intérêt ou accéder immédiatement à un nouveau contenu, à des démonstrations, à des didacticiels, etc.
Le lecteur vidéo utilisé doit prendre en charge l’utilisation des marqueurs de chapitre. Les lecteurs vidéo Dynamic Media prennent en charge les marqueurs de chapitre, mais l’utilisation de lecteurs vidéo tiers ne le permet pas.
Si vous le souhaitez, vous pouvez créer votre propre visionneuse personnalisée, et lui donner le nom de votre marque, avec des chapitres au lieu d’utiliser le paramètre prédéfini de la visionneuse de vidéos. Pour obtenir des instructions sur la création de votre propre visionneuse HTML5 avec une navigation par chapitre, dans le Guide du SDK de la visionneuse d’Adobe Scene7, reportez-vous à la section « Personnalisation du comportement à l’aide de modificateurs » sous les classes s7sdk.video.VideoPlayer et s7sdk.video.VideoScrubber . Le SDK de la visionneuse d’Adobe Scene7 est disponible au téléchargement depuis Adobe Developer Connection .
Vous créez une liste de chapitres pour votre vidéo un peu de la même façon que vous créez des sous-titres. Autrement dit, vous créez un fichier WebVTT. Notez toutefois que ce fichier doit être distinct de tout fichier de sous-titrage WebVTT que vous pourriez également être amené à utiliser ; vous ne pouvez pas combiner les sous-titres et les chapitres dans un fichier WebVTT.
Vous pouvez utiliser l’exemple suivant comme un exemple du format que vous pouvez utiliser pour créer un fichier WebVTT avec une navigation par chapitre :

Fichier WebVTT avec navigation par chapitre vidéo

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.

Dans l’exemple ci-dessus, le Chapter 1 est l’identifiant de repère et il est facultatif. La période de repère 00:00:000 --> 01:04:364 indique l’heure de début et l’heure de fin du chapitre au format 00:00:000 . Les trois derniers chiffres sont les millisecondes et peuvent être laissés sur 000 , selon vos préférences. Le titre du chapitre The bicycle store behind it all est la description réelle du contenu du chapitre. L’identifiant de repère, l’heure de départ du repère, ainsi que le titre du chapitre apparaissent tous dans une fenêtre contextuelle du lecteur vidéo lorsqu’un utilisateur pointe la souris sur un point de repère visuel dans la chronologie de la vidéo.
Étant donné que vous utilisez une visionneuse de vidéos HTML5, assurez-vous que le fichier de chapitres que vous créez est conforme à la norme WebVTT (Web Video Text Tracks). L’extension de nom de fichier de chapitres est .vtt. D’autres informations sur la norme de sous-titrage WebVTT sont disponibles.
Pour ajouter des marqueurs de chapitre à la vidéo :
  1. Dans un éditeur de texte simple (en dehors d’AEM), créez votre fichier de chapitres vidéo.
    Pour une prise en charge internationale des chapitres vidéo dans des langues autres que l’anglais, n’oubliez pas que la norme WebVTT implique de créer des fichiers .vtt distincts et des appels pour chaque langue à prendre en charge.
  2. Save the .vtt file in UTF8 encoding to avoid problems with character rendition in the chapter title text.
    En règle générale, vous attribuez au fichier de chapitres VTT le même nom que celui du fichier vidéo et lui ajoutez le mot « chapitres ». Ainsi, vous pouvez automatiser aisément la génération des URL de vidéo avec le système de gestion de contenu web existant.
  3. Dans AEM, chargez votre fichier de chapitres WebVTT.
    Voir la section Chargement des ressources .
  4. Utilisez l’une des méthodes suivantes :
    Pour une expérience de visionneuse de vidéos pop-up
    1. Accédez à la ressource vidéo publiée à associer au fichier de chapitres que vous avez chargé. N’oubliez pas que les URL ne peuvent être copiées qu’ après la publication des ressources. Voir Publication de ressources .
    2. From the drop-down menu, then tap Viewers .
    3. Dans le rail de gauche, appuyez sur le nom du paramètre prédéfini de visionneuse de vidéos. Un aperçu de la vidéo s’ouvre dans une page distincte.
    4. Dans le rail de gauche, dans la partie inférieure, appuyez sur URL .
    5. Dans la boîte de dialogue URL, sélectionnez l’URL et copiez-la dans le Presse-papiers, puis collez-la dans un simple éditeur de texte.
    6. Ajoutez l’URL copiée de la vidéo avec la syntaxe suivante pour l’associer à l’URL copiée dans votre fichier de chapitres : &navigation=< full_copied_URL_path_to_chapter_file .vtt>
    Pour une expérience de visionneuse de vidéos incorporée
    1. Accédez à la ressource vidéo publiée à associer au fichier de chapitres que vous avez chargé. N’oubliez pas que les URL ne peuvent être copiées qu’ après la publication des ressources. Voir Publication de ressources .
    2. From the drop-down menu, then tap Viewers .
    3. Dans le rail de gauche, appuyez sur le nom du paramètre prédéfini de visionneuse de vidéos. Un aperçu de la vidéo s’ouvre dans une page distincte.
    4. In the left rail, at the bottom, tap Embed .
    5. Dans la boîte de dialogue Code intégré, sélectionnez et copiez le code entier dans le Presse-papiers, puis collez-le dans un simple éditeur de texte.
    6. Ajoutez le code intégré de la vidéo avec la syntaxe suivante pour l’associer à l’URL copiée dans votre fichier de chapitres : videoViewer.setParam("navigation","< full_copied_URL_path_to_chapter_file .vtt>"

À propos des miniatures de vidéo

Vous pouvez choisir l’une des dix images miniatures générées automatiquement par Dynamic Media pour l’ajouter à votre vidéo. Le lecteur vidéo affiche votre miniature sélectionnée lorsqu’une ressource vidéo est utilisée avec le composant Dynamic Media dans l’environnement de création de AEM Sites, AEM Mobile ou AEM Screens. La miniature est utilisée comme une image statique qui représente le mieux le contenu de la vidéo entière et encourage les utilisateurs à appuyer sur le bouton Lecture.
Selon la durée totale de la vidéo, Dynamic Media capture dix images miniatures (par défaut) à 1 %, 11 %, 21 %, 31 %, 41 %, 51 %, 61 %, 71 %, 81 % et 91 % de la vidéo. Les dix miniatures restent, ce qui signifie que si vous décidez de sélectionner une miniature différente ultérieurement, vous n’avez pas besoin de générer de nouveau une série de miniatures. Vous prévisualisez les dix images miniatures, puis choisissez celle que vous souhaitez utiliser pour votre vidéo. Si vous souhaitez modifier cette option par défaut, vous pouvez utiliser CRXDE Lite pour configurer l’intervalle pour lequel les miniatures sont générées. Par exemple, si vous souhaitez uniquement générer une série de quatre miniatures également espacées dans votre vidéo, vous pouvez configurer l’intervalle à 24 %, 49 %, 74 % et 99 %.
Dans l’idéal, vous pouvez ajouter une miniature de vidéo à tout moment après avoir chargé votre vidéo, mais avant de la publier sur votre site web.
Si vous préférez, vous pouvez charger une miniature personnalisée pour représenter votre vidéo au lieu d’en utiliser une générée par Dynamic Media. Par exemple, vous pouvez créer une miniature personnalisée qui porte le titre de votre vidéo, une image d’ouverture attrayante, ou une image bien spécifique capturée dans votre vidéo. L’image de vidéo personnalisée que vous chargez doit avoir une résolution maximale de 1280 x 720 pixels (largeur minimale de 640 pixels) et ne pas dépasser 2 Mo.
Les miniatures vidéo personnalisées sont disponibles uniquement lorsque vous exécutez Dynamic Media en mode hybride.

Ajout d’une miniature vidéo

  1. Accédez à un fichier vidéo téléchargé auquel vous souhaitez ajouter une miniature vidéo.
  2. In asset selection mode either from the List View or the Card View , tap the video asset.
  3. Dans la barre d’outils, appuyez sur l’icône Afficher les propriétés (icône en forme de cercle avec un « i » à l’intérieur).
  4. On the video's Properties page, tap Change Thumbnail .
  5. On the Change Thumbnail page, on the toolbar, tap Select Frame .
    Dynamic Media génère une série de miniatures de votre vidéo, en fonction de l’intervalle par défaut ou personnalisé.
  6. Prévisualisez les miniatures générées, puis sélectionnez celle que vous souhaitez ajouter à votre vidéo.
  7. Appuyez sur Enregistrer la modification .
    La miniature de la vidéo est mise à jour afin d’utiliser la miniature que vous avez sélectionnée. Si vous décidez par la suite de modifier la miniature, vous pouvez revenir sur la page Modifier la miniature et en sélectionner une autre.
    Si vous avez configuré des intervalles par défaut, ou si vous avez chargé une nouvelle vidéo pour remplacer la vidéo existante, vous devrez générer de nouveau des miniatures via Dynamic Media.

Configuration de l’intervalle par défaut auquel les miniatures de vidéo sont créées

Lorsque vous configurez et enregistrez le nouvel intervalle par défaut, votre modification s’applique automatiquement et uniquement aux vidéos que vous chargerez par la suite. Il n’applique pas automatiquement le nouveau paramètre par défaut aux vidéos que vous avez précédemment chargées. Pour les vidéos existantes, vous devez de nouveau générer les miniatures.
Pour configurer l’intervalle par défaut auquel les miniatures vidéo sont créées,
  1. Dans AEM, appuyez sur Outils > Général > CRXDE Lite .
  2. In the CRXDE Lite page, in the directory panel on the left, navigate t o etc/dam/imageserver/configuration/jcr:content/settings.
    Si le panneau des répertoires n’est pas visible, vous devrez peut-être appuyer sur l’icône >> à gauche de l’onglet Accueil.
  3. On the lower-right panel, in the Properties tab, double-tap thumbnailtime .
  4. Dans la boîte de dialogue Modifier thumbnailtime, utilisez les champs de texte pour saisir des valeurs d’intervalle sous la forme de pourcentages.
    • Appuyez sur l’icône plus (+) pour ajouter un ou plusieurs champs de valeur d’intervalle. Vous devrez peut-être faire défiler la page jusqu’en bas de la boîte de dialogue pour voir l’icône.
    • Appuyez sur l’icône du signe moins (-) à droite du champ de valeur d’intervalle pour le supprimer de la liste.
    • Appuyez sur la flèche vers le haut ou vers le bas pour réorganiser les valeurs d’intervalle.
  5. Appuyez sur OK pour retourner à l’onglet Propriétés.
  6. Près du coin supérieur gauche de la page CRXDE Lite, appuyez sur Enregistrer tout , puis appuyez sur icône Retour à l’accueil dans le coin supérieur gauche pour revenir à AEM.

Ajout d’une miniature vidéo personnalisée

Cette fonction est disponible uniquement lorsque vous exécutez Dynamic Media en mode hybride.
  1. Accédez à un fichier vidéo téléchargé auquel vous souhaitez ajouter une miniature vidéo.
  2. In asset selection mode either from the List View or the Card View , tap the video asset.
  3. Dans la barre d’outils, appuyez sur l’icône Afficher les propriétés (icône en forme de cercle avec un « i » à l’intérieur).
  4. On the video's Properties page, tap Change Thumbnail .
  5. On the Change Thumbnail page, on the toolbar, tap Upload New Thumbnail .
  6. Naviguez jusqu’à une image de miniature que vous souhaitez utiliser, sélectionnez-la, puis appuyez sur Ouvrir pour commencer à charger l’image sur AEM
  7. After the image is successfully uploaded, in the Change Thumbnail page, tap Save Changes .
    La miniature personnalisée est ajoutée à votre vidéo.