Meilleur streaming vidéo avec imgix —

L’ajout de vidéo à votre site Web ajoute immédiatement de la valeur, 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 la meilleure prise en charge du 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 seront 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 en demandant : « Pourquoi ne pas simplement le mettre sur YouTube ? »). C’est une réponse valable – plus vous creusez dans la vidéo et la diffusion vidéo , de plus en plus de complexités surviennent auxquelles vos développeurs devront faire face.

Pour certains, « tout jeter sur YouTube » pourrait être une solution adéquate pour gérer les complexités de la vidéo. Mais YouTube est basé sur les publicités et le visionnage de vidéos, et vous ne voulez probablement pas qu’une publicité apparaisse dans votre contenu essentiel à la mission – 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 de retour à la case départ ?

Le service le plus important (et le moins cher) n’étant pas 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 à des complexités et éloigne votre équipe de développement des fonctionnalités de base pour gérer la diffusion vidéo. Du temps au marché, du coût (et des frais généraux cognitifs), la meilleure façon d’ajouter de la vidéo est d’utiliser un service de streaming vidéo. La grande chose aujourd’hui est que vous boîte utilisez les mêmes technologies utilisées par Netflix ou Hulu pour diffuser vos vidéos.

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

Le streaming vidéo 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 à l’utilisation d’une vidéo statique dans le <video> étiquette.

La fonctionnalité la plus cool introduite par le 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 la vidéo pouvait être livré 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 elle 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 que nos clients utilisent.

Sur une connexion réseau lente, une vidéo traditionnelle sera très lente à démarrer et très susceptible de caler. (Stalling est le terme de streaming vidéo pour l’arrêt de la vidéo et l’apparition d’un « spinner of death »). 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 démarrera rapidement et sera beaucoup moins susceptible de se bloquer pendant la lecture, quelle que soit la vitesse de la connexion Internet de votre utilisateur.

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 regardons 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 Live 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 la lecture de vidéos enregistrées et peut alimenter de nombreux services de diffusion en continu.

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

Pendant la lecture, le lecteur vidéo gère le téléchargement et la lecture de la vidéo. Si le taux de téléchargement commence à ralentir par rapport au taux de lecture, il est possible que la vidéo se bloque. 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 le risque de blocage de la vidéo est atténué.

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

Vous mentionnez un joueur. Les navigateurs ne prennent-ils pas en charge HLS ?

HLS n’est pas pris en charge nativement dans de nombreux navigateurs (il a un support natif 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.

Cela semble 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 proposant un lecteur personnalisé à votre public. Mais la création d’une plate-forme d’encodage/diffusion vidéo prendra beaucoup de temps aux développeurs, ce qui éloignera l’équipe de la création de votre 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 aux experts est une idée intelligente – vous embauchez des experts du domaine pour gérer les choses compliquées plutôt que de les résoudre vous-même. Alors, quelles sont les fonctionnalités que vous devriez rechercher dans une solution de streaming vidéo ?

• Pensez 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 la meilleure solution de streaming est en place.
• 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 myriade 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 dans votre pipeline multimédia existant.
  La solution multimédia doit pouvoir trouver vos vidéos dans votre processus 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 indiqué, les flux HLS ne sont pas lus dans tous les navigateurs. Votre solution inclut-elle un lecteur personnalisable que vous pouvez brancher sur 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
• Dernier point mais non le moindre, 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 traitement sur le nombre de vidéos entièrement encodées.

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 leur gestionnaire de patrimoine, ainsi que des analyses de lecture détaillées. Vous bénéficiez également d’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 devez diffuser un grand nombre d’images et de vidéos, une solution telle que imgix peut optimiser et traiter les deux types d’actifs sans que vous ayez à le construire à partir de zéro ou à bricoler différentes solutions. C’est vraiment une plate-forme unique pour le traitement des médias visuels.

(vf, il)