Tag: YouTube

Linux : récupérer des vidéos depuis votre terminal avec MovGrab

19 January 202423 juin 2018 by Matt Biscay · Lecture: 2 minutes

Movgrab est un outil en ligne de commande écrit en C (sans dépendances) qui permet de récupérer facilement des vidéos sur des sites comme YouTube, DailyMotion, Vimeo, Blip.tv, Liveleak, Guardian…

Il permet de choisir les flux disponibles sur les pages vidéo, supporte les proxies, peut reprendre des téléchargements… c’est une application très utile.

Liste des sites supportés par movgrab

Movgrab fonctionne avec:

YouTube
Metacafe
Dailymotion
Vimeo
Break.com
eHow
5min.com
vbox7
blip.tv
Ted
MyVideo
ClipShack
MyTopClip
RedBalcony
Mobando
Yale University
Princeton University
Reuters
LiveLeak
Academic Earth
Photobucket
VideoEmo
VideosFacebook

Aljazeera
Mefeedia
IViewTube
Washington Post
CBS News
Euro News
MetaTube
MotionFeeds
Escapist
Guardian
RedOrbit
Sciive
Izlese
uctv.tv
royalsociety.tv
British Academy
Kitp
Dotsub
Astronomy.com
Teachertube.com
Discovery
Bloomberg.com

Télécharger les vidéos d'Arte+7 (replay) photo

Le guide complet pour télécharger les vidéos d’Arte+7 en replay

9 January 202410 août 2016 by Matt Biscay · Lecture: 6 minutes

Avez-vous déjà été captivé par une émission sur Arte+7, mais contrarié de ne pas pouvoir la télécharger pour la regarder plus tard ? Vous n’êtes pas seul!

Beaucoup de téléspectateurs rencontrent des difficultés à télécharger des vidéos depuis Arte+7, un service de replay populaire qui propose un contenu riche et varié, car l’adresse du fichier vidéo n’est pas visible en clair et n’est pas détectée par toutes les extensions de capture de flux vidéo des navigateurs.

Heureusement, il existe une méthode simple et efficace pour télécharger vos émissions préférées sans avoir besoin de logiciels tiers complexes. Dans cet article, nous allons explorer cette méthode étape par étape.

Comprendre le défi du téléchargement sur Arte+7

Avant de plonger dans la solution, comprenons d’abord pourquoi le téléchargement de vidéos depuis Arte+7 peut sembler compliqué.

Le site d’Arte+7 utilise une technologie de streaming avancée qui rend l’adresse du fichier vidéo invisible. Cela signifie que les extensions de capture de flux vidéo courantes peuvent ne pas fonctionner comme elles le feraient sur d’autres sites.

J’ai longtemps essayé de télécharger les vidéos en regardant le code source pour identifier les flux, et ensuite utiliser des logiciels dédiés pour les télécharger… sans succès, alors qu’il existe une méthode bien plus simple et efficace.

WordPress : valider le code des meta oEmbeds de YouTube, DailyMotion, Vimeo et SlideShare

29 March 202219 décembre 2014 by Matt Biscay · Lecture: 2 minutes

Allez, je continue ma petite série sur la gestion de l’intégration oEmbed sous WordPress.

WordPress gère nativement plusieurs services : copiez-collez l’adresse d’une vidéo YouTube dans un article et hop, vous obtenez une vidéo entièrement intégrée, avec un code plutôt propre mais pas entièrement valide.

Je vous propose donc de valider le code généré par WordPress lorsqu’il vient de sites tiers comme YouTube, DailyMotion, Vimeo ou SlideShare.

Valider le code oEmbed de YouTube

Il suffit de lancer les quatre requêtes SQL suivantes :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" allowfullscreen', 'style="border: none"');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" allowfullscreen', 'style="border: none"');
UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, "wmode=transparent' frameborder='0'", "wmode=transparent' style='border: none'");
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, "wmode=transparent' frameborder='0'", "wmode=transparent' style='border: none'");Code language: JavaScript (javascript)

Valider le code oEmbed de Dailymotion

Pour le code de Dailymotion, ces deux requêtes suffisent :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0">', 'style="border: none">');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0">', 'style="border: none">');Code language: JavaScript (javascript)

Valider le code oEmbed de Vimeo

Quatre requêtes pour Vimeo :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" title=', 'title=');
UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, ' webkitallowfullscreen mozallowfullscreen allowfullscreen', '');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" title=', 'title=');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, ' webkitallowfullscreen mozallowfullscreen allowfullscreen', '');Code language: JavaScript (javascript)

Valider le code oEmbed de SlideShare

Et deux requêtes pour SlideShare :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen>', 'style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px;overflow:auto;border:none">');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen>', 'style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px;overflow:auto;border:none">');Code language: JavaScript (javascript)

Et voilà, le code est plus propre, plus valide et utilise CSS plutôt que des balises propriétaires.

WordPress : remplacer le vieux code YouTube de vos articles par une URL oEmbed photo

WordPress : mettre à jour le code Youtube

7 March 202411 décembre 2014 by Matt Biscay · Lecture: 2 minutes

Le code des plateformes – vidéos ou autre – évolue et il n’est pas rare de tomber sur de vieux articles qui embarquent un vieux code embed pour afficher des vidéos.

Si votre site a quelques années, il y a plusieurs méthodes d’intégration – plus ou moins optimisées – dont certaines ne s’afficheront pas (celles utilisant le plugin Flash par exemple) sur une tablette ou un smartphone.

Sur SkyMinds, je me suis dit que ce serait sympa d’avoir un système unifié : toutes les vidéos YouTube seront automatiquement insérées par WordPress en utilisant la méthode native, à savoir oEmbed.

Pour ce faire, j’utilise le plugin Search Regex qui permet d’intervenir facilement sur la base de données pour effectuer des changements en masse, tout en proposant la visualisation des changements avant que ces derniers ne soient appliqués.

Toutes les manipulations sont à effectuer avec Search Regex, en activant la case regex. Je me sers du signe dièse (#) comme délimiteur pour les expressions régulières.

Remplacer le vieux code d’intégration flash de YouTube

Avec Search Regex, on cherche :

<object [^>]*><param name="movie" value="https:\/\/www\.youtube\.com\/v\/([^"&?]+)">.*?<\/object>Code language: HTML, XML (xml)

Et on remplace par :

https://www.youtube.com/watch?v=$1Code language: JavaScript (javascript)

WordPress : retourner et exécuter un shortcode dans une fonction

2 October 202426 août 2013 by Matt Biscay · Lecture: 2 minutes

Pour les besoins du Centre de Kriya Yoga France, j’ai écrit une fonction qui doit afficher une vidéo automatiquement.

Or je voulais juste renvoyer un shortcode vidéo qui prendrait en charge toute la partie code du lecteur vidéo.

On ne peut pas juste renvoyer la valeur, il faut utiliser la fonction do_shortcode() de WordPress.

Cas 1 : exécuter un shortcode dans une fonction

La solution réside dans l’utilisation de la fonction do_shortcode(). Voici un petit exemple :

<?php
/*
|-----------------------------------------------------------------------
| Sky Show Video by Matt - www.skyminds.net
|-----------------------------------------------------------------------
|
| Returns shortcode to be executed in WordPress.
|
*/
function sky_show_video($content) {
   // do stuff
   // return video
   return do_shortcode("[video src='$vid_url' width='600' height='480' type='video/mp4' preload='true']");
}Code language: HTML, XML (xml)

Cet exemple exécute le shortcode [video].

HTML5 : corriger l'erreur "The frameborder attribute on the iframe element is obsolete. Use CSS instead." photo

WordPress : valider le code oEmbed Youtube en HTML5

26 September 202428 novembre 2012 by Matt Biscay · Lecture: 2 minutes

Le problème : le code des vidéos n’est pas valide en HTML5

Maintenant que nous avons mis à jour le code des oEmbed Youtube, nous allons rendre le code de l’iframe valide. Voici ce que le code oEmbed de WordPress donne par défaut avec un lien Youtube :

<iframe src="https://www.youtube.com/embed/Gvh2Zo7UL6E" width="660" height="371" frameborder="0" allowfullscreen="allowfullscreen"></iframe>Code language: HTML, XML (xml)

Résultat:

Or le petit problème, c’est que tout cela n’est pas vraiment valide au niveau W3C et je commence à me lasser de voir ces erreurs de validation sur toutes les pages du site avec des vidéos :

Erreur 1 : Attribute allowfullscreen not allowed on element iframe at this point.
Erreur 2 : The frameborder attribute on the iframe element is obsolete. Use CSS instead.Code language: JavaScript (javascript)

La solution : filtrer le rendu oEmbed de WordPress pour purifier le code

Voici donc la solution que j’ai mise en place sur le site : je filtre le code oEmbed de WordPress de manière à retirer le tag allowfullscreen qui n’a rien à faire là et à supprimer l’attribut frameborder, que je remplace par un style="border: none".

Éditez le fichier functions.php de votre thème et ajoutez-y cette fonction:

<?php
/*
|-----------------------------------------------------------------------
| Sky oEmbed Filter by Matt - www.skyminds.net
|-----------------------------------------------------------------------
|
| The sky_oembed_filter() function attempts to validate WordPress 
| video oEmbeds for HTML5.
| $return is the normal HTML that the oEmbed process would return. 
| $data is the data received from the oEmbed call, in an object format. 
| $url is the original URL being queried for oEmbed info. 
|
*/
add_filter('oembed_dataparse', 'sky_oembed_filter', 90, 3 );
function sky_oembed_filter( $return, $data, $url ) {
 	$return = str_replace('frameborder="0" allowfullscreen', 'style="border: none"', $return);
	return $return;
}Code language: HTML, XML (xml)

Notez que WordPress cache les résultats oEmbed dans la table postmeta donc après avoir installé ce code et si vous voulez vérifier que cela fonctionne, éditez un article pour que le postmeta se mette à jour.

Voilà, vos pages avec vidéos YouTube devraient maintenant être valides.

Of Monsters And Men – Little Talks

6 March 202419 mars 2011 by Matt Biscay · Lecture: 1 minute

Aujourd’hui je vous présente une autre petite gemme folk, jouée par Of Monsters and Men, composé de Nanna Bryndís Hilmarsdóttir, Ragnar Þórhallsson, Brynjar Leifsson, Arnar Rósenkranz Hilmarsson, Kristján Páll Kristjánsson et Árni Guðjónsson.

Ce groupe islandais a été découvert sur YouTube avec leurs vidéos tournées live dans leur salon. Voici Little Talks :

Lulu and the Lampshades – You’re Gonna Miss Me

9 April 202217 mars 2010 by Matt Biscay · Lecture: 2 minutes

Trouvées sur YouTube il y a quelques semaines en sautant de vidéos en vidéos, voici Lulu and the Lampshades :

Le steward rappeur de SouthWest Airlines

25 September 202422 novembre 2009 by Matt Biscay · Lecture: 1 minute

Etant donné que nous avons pas mal pris l’avion ces derniers temps, voici une petite vidéo vue il y a quelques mois et que nous a rappelé Anne : il s’agit de David Holmes, le steward rappeur sur SouthWest Airlines qui donne ses consignes en rappant.

Editer un fichier FLV sans conversion avec RichFLV

15 March 201528 avril 2009 by Matt Biscay · Lecture: 2 minutes

Le problème : l’édition de fichiers FLV

richflv Ce n’est une nouvelle pour personne : le format préféré des services vidéos habituels comme Dailymotion, Youtube et consorts est le format Flash compressé, le format FLV (Flash Video). Or si vous avez l’habitude de récupérer les vidéos que vous aimez bien (par exemple avec DownloadHelper si vous utilisez Firefox), peut-être vous êtes-vous heurtés à l’obstacle suivant : comment éditer un fichier FLV sans avoir à le convertir dans un format qui lui ferait perdre sa qualité d’origine ?

Je vous propose ici une solution simple et efficace, testée et approuvée.

Les différents formats d’un film sur Internet

11 January 202416 avril 2009 by Matt Biscay · Lecture: 6 minutes

Après avoir parlé des différentes qualités d’un film sur Internet, il est temps que nous abordions les différents types de formats et d’encodage que l’on peut trouver dès qu’il s’agit de films ou assimilés.

VCD

Le VCD (VideoCD) est un format à base de MPEG1 qui possède un bitrate constant de 1150 kbits à une résolution de 352×240 (NTCS). Les VCDs sont généralement utilisés pour les transferts basse qualité (CAM/TS/TC/Screener(VHS)/TVrip(analogue) afin d’avoir des fichiers de petite taille pour pouvoir en mettre un maximum sur un CD. Les VCDs and SVCDs se comptent en minutes plutôt qu’en Mo : on peut mettre 74 minutes de films sur un CDR74.

SVCD

Le SVCD (SuperVideoCD) est basé sur du MPEG2 (comme le DVD) qui permet des bitrates variable allant jusqu’à 2500 kbits à une résolution de 480×480 (NTSC) qui est ensuite décompressé dans un ration 4:3 lorsqu’il est lu. A cause du bitrate variable, la durée que l’on peut mettre sur un CDR n’est pas fixe mais il est possible de mettre 30 à 60 minutes la plupart du temps. Pour encoder un bon SVCD en utilisant des bitrates variables, il est important de faire plusieurs “passes” lors de la phase d’encodage. Cela prend plus de temps mais le résultat de l’image est bien meilleur.

Dialogues ZEP : “on ne peut pas télécharger sur YouTube !”

19 April 202227 novembre 2007 by Matt Biscay · Lecture: 4 minutes

Décidément, j’ai l’impression que de plus en plus de gens découvrent YouTube en ce moment. Surtout dans la salle des profs.

Inconfortablement avachi sur l’un des sièges portant au moins autant de signes que nous en cette fin de trimestre et attendant que la cloche sonne pour délivrer quelques notions culturelles à nos chers élèves, je surprends une conversation entre une prof de français et le responsable TICE :

FR-chick : Pour mon IDD, j’ai besoin d’aller sur un site qui s’appelle YouTube !!! (prononcé iu-tube, à la française)
TICE-man : Ah oui mais tu comprends, on est derrière un serveur SLIS, c’est pas nous qui gérons les exceptions… (blah… blah…).
FR-chick : En plus on trouve des vidéos porno là-dessus !