Les intégrations YouTube ont été améliorées il y a quelque temps en supprimant les barres noires si elles étaient présentes.
Cependant, celles-ci persistent dans les miniatures de nombreuses vidéos. Cela peut-il également être résolu ?
3 « J'aime »
Le changement particulier concernant les barres noires est dû à l’utilisation de l’image maxresdefault au lieu de hqdefault. Toutes les vidéos n’ont cependant pas une miniature haute résolution, donc dans ces cas, nous utilisons l’image opengraph, qui est équivalente à hqdefault.
Cette taille d’image a un rapport d’aspect différent et inclut des barres noires. Mais dans les deux cas, le rapport d’aspect est fixé à 16:9, donc les barres noires ne devraient pas être visibles lors de l’affichage du lecteur.
Voici un exemple d’une vidéo qui n’a pas d’image haute résolution et qui utilise celle-ci pour la miniature.
Pouvez-vous partager des exemples où cela se produit ?
3 « J'aime »
Bien sûr, merci de votre intérêt.
Voici quelques vidéos qui s’affichent désormais très bien dans l’intégration, mais qui présentent des barres noires sur les miniatures (et en aperçu) :
og:image est :
comme vous l’avez justement souligné… il y a des barres noires.
Et
og:image est :
comme vous l’avez justement souligné… il y a des barres noires…
NB Voici un “bon cas” :
og:image dans ce cas est beaucoup plus grand :
J’utilise actuellement mon plugin Topic List Previews Sidecar pour régénérer les miniatures tout en les recadrant à l’aide des remplacements personnalisés du plugin :
… mais une manière automatisée de le faire dans le cœur de l’application serait formidable, car il est très ennuyeux de devoir le faire semi-manuellement.
Le défi est d’identifier quelles images peuvent être recadrées ?
Est-ce simplement une question de forcer le 16:9 si l’on découvre que l’image YouTube est en 4:3 ou en dessous d’une certaine résolution (ce qui signifie qu’elle doit avoir des barres noires ?).
Je suppose que cela pourrait signifier que l’optimisation de l’image reçoit un indicateur pour lui dire qu’elle traite avec YouTube ?
Il me semble étrange que YouTube ne standardise pas les miniatures en 16:9 ?! Peut-être que je rate quelque chose…
Merci de m’avoir éclairé sur la différence de taille !
Je pense que je comprends maintenant ce que vous voulez dire, mais le traitement des images sur le cœur ne correspond pas vraiment à notre cas d’utilisation. Nous ne stockons pas les miniatures pour ces intégrations, nous les récupérons directement de YouTube lorsque nous en avons besoin.
Cela dit, identifier les images à recadrer ne devrait pas être trop difficile. Vous pouvez regarder l’URL pour cela :
https://img.youtube.com/vi/dsVAzSG6SbM/hqdefault.jpg
maxresdefault
- C’est toujours du 16:9.
- C’est la plus haute résolution.
- Pas toujours disponible.
hqdefault
- C’est toujours du 4:3.
- Si la vidéo originale est en 16:9, elle ajoute des barres noires.
mqdefault
- C’est toujours du 16:9.
- C’est une résolution encore plus basse que
hqdefault.
Bien qu’un peu étrange, elles sont prévisibles. Je suppose que le format 4:3 est une taille héritée qu’ils utilisent encore par souci de compatibilité.
Pour afficher des images en 16:9, il suffit de corriger le rapport d’aspect. Si vous avez besoin d’autres rapports d’aspect, je pense que vous devriez pouvoir passer un indicateur et compenser la mise à l’échelle avec CSS.
Il est vrai que l’aperçu du compositeur peut être amélioré, mais cela pourrait être fait avec une approche similaire à celle décrite ci-dessus.
Le seul cas limite que je puisse voir avec cette approche concerne les vidéos verticales avec des miniatures basse résolution. Dans ce cas, les barres noires ne sont pas affichées. 
2 « J'aime »
Mais core crée et stocke ses propres miniatures dérivées à diverses résolutions dans le cadre du processus de cuisson des publications ?
C’est là que les barres noires sont conservées.
Bingo !
Mais dans tous les cas, c’est une information très utile que je pourrai peut-être utiliser pour améliorer mon plugin. Merci beaucoup !
C’est beaucoup plus simple que de demander à GPT-4 Vision s’il y a des barres noires ou d’utiliser ImageMagick pour les détecter.
1 « J'aime »
Grâce à votre perspicacité, j’ai mis à jour Topic List Previews avec une solution beaucoup plus simple qui n’a pas besoin d’être activée/désactivée car elle ne recadre que si l’image est une miniature YouTube héritée en 4:3.
Peut-être est-ce suffisamment général pour être utile au cœur du système ?
2 « J'aime »