Mior Agency

Meilleur streaming vidéo avec imgix — Smashing Magazine

L’ajout de vidéo à votre site Web ajoute une valeur immédiate, mais également un nouveau niveau de complexité à votre développement Web. puis-je utiliser le <video> étiquette? Ai-je besoin d’un lecteur vidéo JavaScript ? Dans quels formats la vidéo doit-elle être pour une meilleure compatibilité avec le navigateur ? Comment puis-je tenir compte des différentes vitesses de réseau dans différents environnements ? Comment puis-je m’assurer que mes vidéos sont toujours lues avec une mise en mémoire tampon minimale ?

Cela semble beaucoup (et vous pourriez même envisager de lever les mains en l’air et de demander : « Pourquoi ne pas mettre cela sur YouTube ? »). C’est une réponse valable : plus vous approfondissez la vidéo et la diffusion vidéo, plus vos développeurs devront faire face à des complexités.

Pour certains, « tout jeter sur YouTube » pourrait être une solution appropriée pour gérer les complexités de la vidéo. Mais YouTube est tout au sujet des publicités et des vidéos, et vous ne voulez probablement pas qu’une publicité apparaisse sur votre contenu essentiel, encore pire s’il s’agit d’une publicité de vos concurrents ! Vos objectifs en matière de diffusion vidéo entrent directement en conflit avec les objectifs de la plate-forme de diffusion vidéo de YouTube, ce qui en fait une solution loin d’être idéale pour la plupart des entreprises.

Cela signifie-t-il que nous sommes revenus à notre point de départ ?

Le service plus important (et moins cher) n’étant plus pris en compte, quels sont les meilleurs moyens de résoudre toutes les questions du premier paragraphe ? Il est tout à fait possible de « construire votre propre plate-forme vidéo », mais cela nous ramène à la complexité et éloigne votre équipe de développement des fonctions essentielles de gestion de la diffusion vidéo. En fonction du délai de mise sur le marché, du coût (et de la surcharge cognitive), la meilleure façon d’ajouter de la vidéo est d’utiliser un service de streaming vidéo. La bonne chose aujourd’hui est que vous ils peuvent utilisez les mêmes technologies que Netflix ou Hulu utilisent pour diffuser vos vidéos.

Qu’est-ce que la vidéo en streaming et pourquoi avez-vous besoin d’une vidéo à débit adaptatif ?

La vidéo en streaming est la manière dont la plupart des contenus vidéo sont diffusés sur le Web aujourd’hui. Il présente un certain nombre d’avantages par rapport à la simple utilisation d’une vidéo statique dans le <video> étiquette.

La meilleure fonctionnalité des fonctionnalités de streaming vidéo est Vidéo à débit adaptatif. Avant le développement de la vidéo à débit binaire adaptatif, un seul débit binaire de vidéo pouvait être fourni au client, quel que soit l’appareil ou l’environnement de bande passante. Cette solution convient lorsque les vitesses du réseau sont rapides, mais peut être problématique lorsque les vitesses du réseau ne sont pas rapides (ou fluctuent). Et s’il y a une chose que nous savons tous : nous ne pouvons pas contrôler la vitesse du réseau utilisé par nos clients.

Sur une connexion réseau lente, une vidéo traditionnelle mettra beaucoup de temps à démarrer et s’arrêtera très probablement. (Stagnation est le terme de vidéo en streaming pour l’arrêt de la vidéo et l’apparition d’un « spinner de la mort ».) Les vidéos à débit binaire adaptatif ont plusieurs versions de la vidéo disponibles et peuvent s’adapter à la vitesse du réseau de votre client. Cela garantit que la vidéo commencera à jouer rapidement et qu’il est beaucoup moins probable qu’elle s’arrête pendant la lecture, quelle que soit la vitesse de la connexion Internet de votre utilisateur.

exigences du fichier vidéo imgix
Le streaming à débit binaire fixe ne s’adapte pas aux différents appareils ou environnements de bande passante. (Crédit image : imgix)

Si le réseau ralentit soudainement, le lecteur peut également s’adapter (au milieu de la lecture) et commencer à lire une version à débit binaire inférieur de la vidéo. Toutes ces fonctionnalités de streaming à débit adaptatif permettent d’offrir une meilleure expérience vidéo à vos clients. Cela ressemble presque à de la magie, mais jetons un coup d’œil à la technologie et à son fonctionnement.

HLS : la magie derrière le streaming vidéo fluide

La norme de l’industrie pour le streaming vidéo est HTTP Live Streaming (HLS). Le terme Lives dans le nom est un peu trompeur. Alors que HLS peut être utilisé pour diffuser des vidéos en direct, HLS est principalement utilisé pour lire des vidéos enregistrées et peut être trouvé sur de nombreux services de streaming majeurs.

Alors, comment fonctionne la vidéo HLS ? La première étape se produit dans le téléchargement de la vidéo lorsque le service de streaming génère un certain nombre de copies de la vidéo à différents débits. Ensuite, chaque copie de la vidéo est divisée en courts segments, généralement de 5 à 10 secondes.

imgix streaming vidéo fluide
Comment fonctionne HLS ? (Crédit image : imgix)

Pendant la lecture, le lecteur vidéo gère le téléchargement et la lecture de la vidéo. Si la vitesse de téléchargement commence à ralentir par rapport à la vitesse de lecture, la vidéo peut s’arrêter. Ainsi, lorsque le lecteur demande le prochain segment de 5 à 10 secondes de la vidéo, il demande une version à débit binaire inférieur, car les débits binaires inférieurs se téléchargent plus rapidement et atténuent les risques de blocage de la vidéo.

C’est la magie de la lecture à débit adaptatif : le lecteur adapte la vidéo pour répondre aux vitesses du réseau de chaque spectateur unique de votre contenu !

Vous parlez d’un joueur. Les navigateurs ne prennent pas en charge HLS ?

HLS n’est pas pris en charge nativement dans de nombreux navigateurs (il est pris en charge nativement dans Safari). Pour lire une vidéo HLS, vous aurez besoin d’un lecteur JavaScript dans le cadre de votre site pour lire la vidéo.

ça a l’air compliqué

Avec le temps et le développement, il est possible de créer votre propre plateforme de streaming vidéo, offrant une expérience vidéo incroyable en réencodant la vidéo en HLS et en fournissant un lecteur personnalisé à votre public. Cependant, la création d’une plate-forme d’encodage/diffusion vidéo prendra beaucoup de temps aux développeurs, ce qui empêchera l’équipe de créer son produit. C’est pourquoi ma recommandation est d’utiliser une plateforme de streaming vidéo.

Qu’est-ce qui fait une bonne solution de traitement vidéo ?

L’externalisation des problèmes complexes à des experts est une bonne idée : vous embauchez des experts du domaine pour gérer les problèmes compliqués au lieu de vous en occuper vous-même. Quelles sont donc les fonctionnalités à rechercher dans une solution de streaming vidéo ?

  • Réfléchissez aux avantages du streaming à débit adaptatif HLS.
    Si vous payez pour une diffusion vidéo robuste et de haute qualité, vous voulez vous assurer que vous disposez de la meilleure solution de streaming.
  • Prend en charge la conversion de tous les principaux formats de fichiers.
    Mp4 (h264 et 265), MOV, WebM et autres. Les vidéos sont disponibles dans une grande variété de formats ; il n’y a aucune raison de convertir dans un nouveau format avant le téléchargement.
  • Votre outil de streaming vidéo doit s’intégrer à votre chaîne multimédia existante.
    La solution multimédia doit pouvoir trouver vos vidéos dans leur pipeline actuel : lorsque des vidéos sont ajoutées au cloud, elles doivent être automatiquement transformées en flux.
  • Un lecteur vidéo prêt à l’emploi.
    Comme mentionné, les flux HLS ne sont pas lus dans tous les navigateurs. Votre solution inclut-elle un lecteur personnalisable que vous pouvez connecter à votre site Web actuel ?
  • Si vous diffusez à la fois des images et des vidéos, vous souhaitez une solution qui inclut un tableau de bord de gestion des actifs qui vous permet de visualiser et d’organiser des images et des vidéos
  • Enfin et surtout, l’analyse.
    Combien de spectateurs ont regardé vos vidéos et combien de temps a duré chaque vue ? Vous souhaitez également voir les analyses de rendu sur le nombre de vidéos entièrement encodées.
exigences de diffusion vidéo imgix
Composants d’une plate-forme de traitement vidéo de bout en bout. (Crédit image : imgix)

Quel service offre toutes ces fonctionnalités ?

imgix a récemment publié une API vidéo qui répond à toutes ces exigences. Vos vidéos sont automatiquement encodées et diffusées à partir de n’importe quel dossier cloud, et avec la prise en charge native d’AWS S3, Google Cloud et Azure, imgix peut s’intégrer de manière transparente dans votre flux de travail existant.

L’API imgix créera des versions HLS ou MP4 de votre vidéo en fonction de vos besoins, et vous aurez une URL de lecture personnalisée à ajouter à votre site Web. Vous pouvez voir toutes vos vidéos dans votre Asset Manager, ainsi que des analyses de lecture détaillées. Vous obtenez également un lecteur vidéo prêt à l’emploi qui fonctionne facilement dans React, Vue, HTML statique et d’autres frameworks frontaux populaires.

Plus important encore, si vous avez besoin de fournir un grand nombre d’images et de vidéos, une solution comme imgix peut optimiser et traiter les deux types d’actifs sans avoir à le créer à partir de zéro ou à bricoler différentes solutions. C’est vraiment une plate-forme unique pour le traitement des médias visuels.

éditorial écrasant
(vf, il)

Laissez un commentaire

Derniers Posts
Une Question ? Un Projet ?
Quel que soit votre projet, MIOR AGENCY vous écoute, analyse vos besoins et propose des pistes de travail en conséquence. Vous avancez avec sérénité et confiance.