2.2 KiB
Étape 18.7 - Page chaîne riche + tri réellement fonctionnel
La capture montrait deux problèmes distincts :
durée 0:00
0 vues
et une grande zone vide à droite.
Le tri local utilisait donc des valeurs identiques (0 vues / dates absentes), ce qui explique pourquoi "Plus récentes", "Plus vues" et "Plus anciennes" semblaient ne rien changer.
Correction des métadonnées
La liste de chaîne donne d'abord les IDs des uploads.
YouTube Personal enrichit maintenant chaque vidéo avec :
youtube.videos.get(videoId)
pour récupérer la vraie fiche :
durée
vues
likes
date de publication
description
L'enrichissement se fait par lots de 6 pour ne pas lancer toutes les requêtes en même temps.
Tri
Le menu devient :
Plus récentes
Plus vues
Plus aimées
Plus anciennes
Les tris utilisent désormais les vraies métadonnées.
Pour le fallback public, la demande de chaîne utilise également le tri natif :
VideoSorting.newest
VideoSorting.popularity
VideoSorting.oldest
Nouvelle présentation desktop
Au lieu d'une petite ligne collée à gauche avec beaucoup de vide :
[ miniature ] texte [ grand vide ]
la page utilise maintenant une grille responsive :
[ vidéo 1 ] [ vidéo 2 ] [ vidéo 3 ] [ vidéo 4 ]
[ vidéo 5 ] [ vidéo 6 ] [ vidéo 7 ] [ vidéo 8 ]
Selon la largeur :
>= 1500 px : 4 colonnes
>= 1080 px : 3 colonnes
>= 720 px : 2 colonnes
mobile : 1 colonne
Chaque carte affiche :
miniature
durée
titre
vues
likes
commentaires si disponibles
date de publication
description
Résumé du catalogue
Au-dessus du tri apparaissent maintenant :
Vidéos chargées
Vues cumulées
Moyenne vues / vidéo
Likes cumulés
Durée totale chargée
Période des vidéos
Test
Après extraction :
cd "D:\07-Logiciels\23-youtube_personal"
flutter run -d windows
Pas besoin de flutter clean.
Dans PowerShell, le fallback public doit aussi afficher :
[CHANNEL-VIDEOS][18.7] channel=UC... sort=newest uploads=...
Puis vérifier visuellement que Plus vues place réellement les vidéos les
plus vues en premier et que Plus anciennes inverse clairement les dates.