Guide d'utilisation HLS.js et bonnes pratiques
Maîtriser les technologies clés de la lecture de flux HLS, avec des exemples de code complets et des solutions aux problèmes courants.
Lire la suite →Comprendre pleinement le format M3U8 et maîtriser diverses méthodes d'ouverture et de lecture
M3U8 est la version Unicode du format de fichier de playlist M3U, utilisant l'encodage UTF-8. Initialement conçu comme format de playlist pour des lecteurs audio comme Winamp, il a ensuite été amélioré par Apple et appliqué à la technologie de streaming HLS (HTTP Live Streaming), devenant l'un des formats de playlist de streaming les plus répandus aujourd'hui.
En termes simples, le fichier M3U8 lui-même ne contient pas de données audio-vidéo ; c'est simplement un fichier de playlist en texte brut qui enregistre des métadonnées telles que l'adresse des segments vidéo, leur durée et les informations de chiffrement. Le lecteur analyse le fichier M3U8 puis télécharge et lit séquentiellement les segments vidéo qu'il référence.
M3U8 est un composant central de la technologie HLS. L'idée de base d'HLS est de découper l'intégralité de la vidéo en plusieurs petits fichiers de segments TS, chacun durant généralement 2 à 10 secondes, puis de gérer ces segments via un fichier de playlist M3U8.
Les playlists M3U8 se divisent en deux types : la playlist principale (Master Playlist) et la playlist média (Media Playlist).
La playlist principale contient les adresses de plusieurs playlists média de différents débits et résolutions, permettant une lecture à débit adaptatif. Le lecteur sélectionne automatiquement la qualité la mieux adaptée en fonction de la bande passante réseau actuelle.
#EXTM3U
#EXT-X-STREAM-INF:BANDWIDTH=800000,RESOLUTION=640x360
360p/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=1400000,RESOLUTION=854x480
480p/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=2800000,RESOLUTION=1280x720
720p/index.m3u8
#EXT-X-STREAM-INF:BANDWIDTH=5000000,RESOLUTION=1920x1080
1080p/index.m3u8
La playlist média contient les adresses des segments vidéo spécifiques et les informations de durée ; c'est la playlist de lecture effective.
#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:10.0,
segment0.ts
#EXTINF:10.0,
segment1.ts
#EXTINF:10.0,
segment2.ts
#EXTINF:8.5,
segment3.ts
#EXT-X-ENDLIST
Un fichier M3U8 commence par #EXTM3U et contient une série de balises commençant par #EXT. Voici les balises les plus courantes :
#EXTM3U : marqueur de début du fichier M3U8, doit être sur la première ligne#EXT-X-VERSION : spécifie le numéro de version du protocole HLS#EXTINF : spécifie la durée (en secondes) du segment suivant, titre optionnel après la virgule#EXT-X-TARGETDURATION : spécifie la durée maximale de tous les segments#EXT-X-MEDIA-SEQUENCE : numéro de séquence du premier segment#EXT-X-STREAM-INF : spécifie les attributs du sous-flux dans la playlist principale (bande passante, résolution, etc.)#EXT-X-KEY : spécifie la méthode de chiffrement et l'adresse de la clé (chiffrement AES-128)#EXT-X-ENDLIST : marqueur de fin de playlist (présent pour les vidéos VOD, absent pour les directs)#EXT-X-DISCONTINUITY : marque un changement de paramètres d'encodage (ex. : changement de qualité)#EXT-X-MAP : spécifie le segment d'initialisation (pour HLS au format fMP4)Il existe plusieurs façons d'ouvrir et de lire des fichiers M3U8 sur ordinateur ; choisissez l'outil adapté à vos besoins.
VLC est le lecteur open source le plus populaire, prenant en charge nativement la lecture M3U8/HLS, multiplateforme (Windows, Mac, Linux).
Étapes :
PotPlayer est un lecteur très populaire sur Windows, doté de fonctionnalités puissantes et prenant en charge la lecture M3U8.
Si vous devez télécharger ou convertir une vidéo M3U8, vous pouvez utiliser FFmpeg :
ffmpeg -i "https://example.com/stream.m3u8" -c copy output.mp4
Il existe également plusieurs lecteurs sur mobile qui prennent en charge le format M3U8.
Le navigateur Safari sur iPhone et iPad prend en charge nativement la lecture HLS ; il suffit d'ouvrir le lien M3U8 directement dans le navigateur pour le lire. Vous pouvez également utiliser les applications suivantes :
Sur la plateforme Android, les lecteurs suivants sont recommandés :
La lecture de vidéos M3U8 dans une page web est l'un des besoins les plus courants. Comme seul Safari prend en charge HLS nativement, les autres navigateurs nécessitent le recours à des bibliothèques JavaScript.
HLS.js est la bibliothèque de lecture HLS open source la plus populaire, compatible avec tous les navigateurs prenant en charge MSE.
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<video id="video" controls></video>
<script>
const video = document.getElementById('video');
const hls = new Hls();
hls.loadSource('https://example.com/stream.m3u8');
hls.attachMedia(video);
</script>
Si vous ne voulez pas écrire de code, vous pouvez utiliser directement un lecteur M3U8 en ligne, comme notre lecteur M3U8 en ligne : collez simplement le lien pour lire, avec des fonctionnalités supplémentaires comme la capture d'écran et la vitesse de lecture.
Si vous utilisez le framework de lecteur video.js, vous pouvez utiliser le plugin videojs-contrib-hls pour implémenter la lecture HLS.
M3U8 est un fichier texte de playlist qui ne contient pas de données vidéo réelles ; MP4 est un format conteneur vidéo contenant des données audio-vidéo complètes. M3U8 convient au streaming, MP4 au stockage local et au partage.
Vous pouvez utiliser l'outil en ligne de commande FFmpeg, ou notre outil M3U8 vers MP4 en ligne, sans avoir à télécharger de logiciel pour effectuer la conversion.
Les causes courantes incluent : lien invalide, restriction d'origine croisée (CORS), vidéo chiffrée nécessitant une clé, problème réseau, lecteur non compatible, etc. Vous pouvez d'abord tester la validité du lien avec VLC.
En tant que format central de la technologie de streaming HLS, M3U8 est devenu le standard de facto dans le domaine de la vidéo en ligne. Comprendre la structure du format et le principe de fonctionnement de M3U8 est très utile pour des scénarios tels que le développement vidéo, le téléchargement de vidéos et la lecture de directs.
Que vous soyez un utilisateur ordinaire ou un développeur, maîtriser les méthodes d'ouverture et de lecture de M3U8 vous permettra de gérer plus flexiblement les vidéos en ligne. Si vous avez besoin de lire rapidement une vidéo M3U8, n'hésitez pas à essayer notre lecteur M3U8 en ligne.
Plus d'articles intéressants et d'outils pratiques
Maîtriser les technologies clés de la lecture de flux HLS, avec des exemples de code complets et des solutions aux problèmes courants.
Lire la suite →Présentation détaillée de 4 méthodes de fusion de fichiers TS avec FFmpeg, comparaison des avantages, inconvénients et cas d'utilisation de chaque méthode.
Lire la suite →Couverture complète PC, mobile et web, recommandation de solutions comme VLC, PotPlayer, les lecteurs web en ligne, etc.
Lire la suite →Utilisez notre lecteur M3U8 en ligne gratuit, collez le lien pour lire, prend en charge la vitesse variable, la capture d'écran, la lecture en boucle
Essayer maintenant ➡