Lire la bobine comme une échelle HLS adaptative au lieu d'une MP4 de 31,8 Mo

Featurekamo-marketing
Expédié
19 août 2026 à 02:22 UTC
Auteur
Kamo
Commite
79d2ffe

Le héros a pointé un seul 'vide' de 'vidéo' à un seul 3,9 Mbps 720p24 MP4, donc a sur une connexion faible téléchargé exactement le même flux qu'un ordinateur de bureau fibre, et continue à télécharger après le passage du visiteur. Il joue maintenant le 720p/540p/360p échelle construite par le job héros-hls-encod de KlusterServices: le Le joueur prend l'échelon que sa connexion porte et obstrue uniquement les segments de 4 en regardant. L'argot 360p est de 5,4 Mo contre les 31,8 Mo d'origine. La lecture sort de la JSX et entre en effet parce que le choix entre HLS et le MP4 est une décision d'exécution. Safari et iOS obtiennent la liste de lecture nativement (iOS n'a pas d'extensions de sources médiatiques, donc hls.js n'est pas une option là); Tout le monde l'obtient à travers un hls.js d'importation dynamique qui reste en dehors de le paquet d'entrée. Une erreur hls.js fatale, un navigateur non supporté, ou un échec charge en morceaux tous les terrains sur le MP4 d'origine, qui est toujours la source de la vérité. Le "video" ne porte délibérément pas "src" et déclarer l'un d'entre eux commencerait à 31,8 MB téléchargement progressif de cette modification existent pour supprimer. hls.js devient une dépendance directe. Il n'était présent que de manière transitoire via «réagir trois/drei, qui n'est plus dans le package.json du tout; npm installation éliminait ses 67 paquets restants à partir du godet de l'écluse rassis. Rien dans l'application/ l'importation de drei, trois, ou de drapeaux de réaction (documents FlagEmoji.tsx remplaçant les derniers à fournir exprès). L'attribut de l'affiche commence également à fonctionner: il a fait référence public/kamo12-poster.jpg depuis que cette composante a été écrite, mais l'objet Il n'a jamais existé et le héros a été blanc jusqu'à ce que la première trame décodisse. Le encoder le job qui le publie maintenant.

Tous les changements

Comme ce que tu vois expédier ?

Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.

Commencez gratuitement pour toujoursPrix de visualisation