Dans un précédent tutoriel, j'avais donné un aperçu de haut niveau de la vidéo HTML5 et de nombreuses normes de transport utilisables. Dans ce didacticiel, le deuxième d'une série sur l'utilisation d'Azure Media Services pour créer et utiliser une vidéo HTML5, nous expliquerons comment nous pouvons ingérer notre contenu à l'aide d'un outil d'enregistrement vidéo, ainsi que des méthodes de chiffrement ou de protection de notre vidéo afin que seuls les téléspectateurs autorisés peuvent le voir. Enfin, nous couvrirons les différences entre un codec de compression, un conteneur et un transport.
Avant de pouvoir faire quoi que ce soit, vous devez créer un compte Services multimédia dans Azure. Voici un tutoriel sur la façon de faire cela. Si vous ne possédez pas de compte Azure, vous pouvez vous inscrire à un essai de 30 jours (d'une valeur de 200 USD) ou me contacter pour recevoir un compte BizSpark afin d'obtenir 150 € / mois par développeur de votre équipe pendant trois ans..
Vous trouverez ci-dessous une liste des mises à jour récentes de l'offre de services multimédia de Microsoft..
Nous avons besoin d'un format pour ingérer notre contenu à partir de notre outil d'enregistrement vidéo, que je couvrirai dans le prochain tutoriel. Pour ce faire, nous transmettons notre contenu à Azure à l'aide du protocole RTMP (Real Time Messaging Protocol)..
RTMP était à l’origine un protocole propriétaire développé par Macromedia (qui appartient maintenant à Adobe) pour la transmission en continu de données audio, vidéo et de données sur Internet entre un lecteur Flash et un serveur. Aujourd'hui, cependant, il ne s'appuie pas sur Flash, comme nous le verrons dans notre exemple aujourd'hui..
J'ai discuté de plusieurs formes de streaming dans mon précédent post, mais j'ai laissé de côté RTMP. L'inconvénient de cette méthode est qu'elle nécessite des serveurs Web spécialisés, qui fournissent uniquement les images du contenu vidéo que l'utilisateur visualise actuellement. Le streaming adaptatif, en revanche, ne nécessite pas de serveur ni de protocole spécial.
C'est un transportqui délivre le conteneur (.mp4, FLV) à votre lecteur vidéo. Cenk Dingiloglu, responsable de programme principal de l’équipe des services de presse, présente une leçon plus approfondie.
RTMP est ce que nous allons utiliser pour ingérer notre contenu vidéo à partir de notre enregistreur vidéo (caméra sur votre ordinateur portable, votre téléphone ou un périphérique externe), et le diffuser sur notre canal. Les téléspectateurs de notre chaîne peuvent ensuite recevoir cette vidéo de différentes manières, notamment HLS, Smooth Streaming ou MPEG-DASH..
Une question commune que j'entends est la suivante: «Quelle est la différence entre ces deux?». Les gens utiliseront souvent les mots de manière interchangeable, mais ce sont en fait deux choses très différentes..
Le format vidéo MP4 est sans aucun doute le format vidéo le plus populaire à l’heure actuelle, car il permet de combiner l’audio, la vidéo, les sous-titres et les images dans un seul fichier. De plus, il peut être lu sur presque tous les appareils, laissant derrière d’autres formats comme AVI, WMV et MOV; il peut être partagé sur de nombreux sites de vidéo en ligne tels que YouTube. Il est compressé avec l'encodage vidéo MPEG-4 et la compression audio AAC.
H.264, actuellement l’un des codecs vidéo fréquemment utilisés, est une compression populaire pour la vidéo HD. Étant donné que H.264 peut obtenir une vidéo de haute qualité à des débits relativement bas, il est couramment utilisé dans les caméscopes AVCHD, HDTV, Blu-ray et HD DVD. MP4 (.mp4) est un des formats vidéo codés en H.264..
H.264 a des méthodes de compression plus avancées que la base MPEG-4 compression. L'un des avantages de H.264 est le taux de compression élevé. Il est environ 1,5 à 2 fois plus efficace que le codage MPEG-4..
Les deux principaux avantages de la compression H.264 par rapport à la compression MPEG-4 sont donc les suivants:
Maintenant on peut voir que MP4 est un format de conteneur de fichier, tandis que H.264 est en fait un codec de compression vidéo qui nécessite un conteneur vidéo pour héberger la vidéo codée.
Votre vidéo est donc disponible sur Internet, mais si vous voulez la protéger du piratage? Je sais, je sais, «l'information veut être libre», mais vous devez quand même être payé pour votre travail..
Avez-vous déjà essayé de regarder une vidéo sur une source en ligne telle que Hulu, Xfinity ou Amazon, et cela indiquerait que vous n’y avez pas accès et que vous devez mettre à jour votre abonnement? Eh bien, ils le font avec une norme de cryptage pour protéger ces actifs.
Ils y parviennent souvent en transmettant des jetons. Il s'agit d'un objet chiffré qui illustre l'application et la vidéo à laquelle vous avez accès, ce que l'on appelle des «privilèges» ou DRM. J'ai réussi à tomber sur une erreur DRM sur Netflix aujourd'hui.
Regardons un grand fournisseur comme Comcast, qui possède le catalogue à la demande Xfinity. Si je clique sur une vidéo sans me connecter à mon compte, cela peut indiquer «HBO ne fait pas partie de vos abonnements. Pour pouvoir regarder Veep, vous devez avoir un abonnement à HBO. ”
Juste avant que je sélectionne l’émission, il est clair que j’ai besoin d’un abonnement pour pouvoir jouer aussi, comme le montre le "Abonnés HBO uniquement" le texte et le "Jouer" bouton avec une clé à côté.
Lorsque je me connecte à mon compte, Comcast me donne un jeton indiquant qui je suis et à quels services je dispose de privilèges d'accès. Lorsque je clique sur le bouton "Lire", ce jeton est transmis au service vidéo, qui le déchire alors qu'il est ouvert, affiche mes autorisations et déclare si je peux ou non afficher ce contenu..
AES est l'abréviation de Advanced Encryption Standard et ne se limite pas au contenu vidéo, car il fonctionne également pour les télécommunications, les finances et les communications gouvernementales. Cela fonctionne bien avec les différents protocoles de streaming, tels que HLS, Smooth Streaming et MPEG-DASH. Voici un aperçu technique de la norme de Purdue.
Microsoft PlayReady est une technologie de cryptage étendue, approuvée par un studio, qui protège votre contenu contre le piratage. Elle est prise en charge sur un large éventail d'appareils parmi les plus populaires à l'heure actuelle. Maintenant, vous pouvez utiliser PlayReady pour protéger les flux vidéo à la demande et en direct.
Maintenant que nous comprenons ce que sont la compression, un conteneur et les protocoles de transport, mettons tout cela ensemble.
Dans la prochaine leçon, nous allons enregistrer du contenu vidéo et l’intégrer avec RTMP. Nous allons l'encoder en utilisant le standard de compression H.264, le stocker dans un conteneur .mp4 et le diffuser à travers notre canal en utilisant l'un des divers protocoles répertoriés dans le tutoriel précédent..
Voici quelques ressources intéressantes pour en savoir plus sur les médias, Azure et la configuration rapide:
Ou la série d'apprentissage plus large de notre équipe sur HTML, CSS et JavaScript:
Cet article fait partie de la série Web de développement Web de Microsoft. Nous sommes ravis de partager Microsoft Edge et le nouveau Moteur de rendu EdgeHTML avec toi. Obtenez des machines virtuelles gratuites ou testez à distance sur votre appareil Mac, iOS, Android ou Windows @ http://dev.modern.ie/.