JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

vidéo

bd cinéma couleur css firefox google gratuit ie6 interface iphone javascript jeu musique navigateur new york photo photoshop police vidéo wordpress

Statut

Parce que Wat.tv appartient à TF1, il est utilisé comme lecteur vidéo par défaut de ce dernier (pour les directs notamment) et d’Eurosport (propriété de TF1 aussi). Mais ce copinage est néfaste pour les deux chaînes de télé : le lecteur Wat.tv est de loin le plus lent que je connaisse (plus lent que Vimeo, c’est dire…). Ou lorsque la raison d’un copain est plus forte que la raison tout court.

Ambilight en HTML 5

Billet

Vous connaissez la technologie Ambilight de Philips ? Bon. Imaginez ça dans votre navigateur.

Ambilight en HTML 5

Si vous avez aimé le Sublime Video, vous aimerez l’Ambilight en HTML5 (qui reprend d’ailleurs la même vidéo).
Par contre, j’ai pas trop compris les explications en russe

(via Beautiful Pixels)

Voyage à travers la Chine

Billet

The Longest Way 1.0, c’est l’histoire d’un allemand qui veut arriver à pied par la Chine. Il part de Chine pour arriver en Allemagne. Au final, après 1 an et 4646km parcourus, il s’arrête et délivre cette superbe vidéo, rythmée et drôle. Et oui, ça rappelle beaucoup l’autre vidéo..

voyage-en-chine

The Longest Way 1.0 – one year walk/beard grow time lapse from Christoph Rehage on Vimeo.

FPS + Réalité augmentée = ARhrrrr

Billet

La réalité augmentée, qui consite à superposer un élément virtuel 2D/3D à un élément réel, ne cesse de s’améliorer. Dernière démo en date : ce FPS qui utilise une image posée sur la table en guise de map de jeu, et permet au joueur d’inclure des éléments réels (ici des bonbons Skittles :-D ) dans la map!

* Video Games Republic

Un clip en plan-séquence, audio compris

Billet

Nyle “Let The Beat Build” from Nyle on Vimeo.

Une vidéo de grande qualité, dans sa conception et sa réalisation. Je suis étonné par la qualité du son (enregistré directement). Les prises de son ont du se faire à plusieurs endroits, puis masterisé après. Et j’ai bien aimé la phrase “I don’t need a sample, I’ve got a girl with a banjo”.

NYC 09 : vidéo de notre voyage à New York

Billet

Avec un ami, nous sommes allés à New York fin janvier. Après avoir vu la vidéo “This Is Japan!”, j’ai eu envie de faire la même chose, même si je suis un photographe totalement amateur. J’ai donc pris énormément de photos (1602 en tout) pour avoir assez de photos correctes et réaliser cette vidéo.


NYC 09 from Jeremy Thomas on Vimeo.

Processus de fabrication

La musique

Tout est parti du morceau: LCD Soundsystem – Someone Great. J’ai eu tout de suite l’idée d’utiliser cette chanson, avant même d’acheter l’appareil photo (un Canon EOS 1000D). James Murphy représente musicalement l’esprit de New York. Je pouvais difficilement utiliser un autre artiste, et un autre album.

La synchronisation

A partir de là, j’ai calculé le BPM pour que les photos soient synchronisées avec la musique. J’ai utilisé MixMeister BPM Analyzer pour trouver que le morceau était à 113 BPM. Cela équivaut à 0,53 secondes (60/113) environ. Il faut donc que chaque photo apparaisse pendant ce temps exactement.

Une vidéo est divisé en un certain nombre d’images/sec (en général 25 ou 30 images/sec). Donc 0,53 sec correspond environ à 15 images si la vidéo est en 30 images/sec. Mais en réalité, ça donne 0,50 img/sec et non pas 0,53. Il me fallait donc me rapprocher un maximum de ce nombre pour que le décalage ne soit pas visible au fil du temps.

J’ai fait des calculs. J’ai multiplié la ratio 60/113 par plusieurs valeurs d’images/sec, en commençant par 10 jusqu’à 40. J’ai remarqué qu’un des résultats se rapprochait d’un nombre entier: en 32 img/sec, 0,53 sec correspond quasiment à 17 images. J’ai donc fait ma vidéo en 32 img/sec, où chaque photo apparaissait pendant 17 images. Il n’y alors aucun décalage visible avec le son.

Les photos

En 113 BPM, pour un morceau de 6min 30sec, il me faut 735 photos. J’ai trié, redimensionné et recadré les photos en enlevant notamment celles qui étaient mauvaises (surtout celles prises de nuit).

Le montage

En utilisant After Effects, j’ai mis à la suite les 735 photos. J’ai malheureusement dû le faire à la main parce que je n’ai pas réussi à automatiser cette tâche bien laborieuse. Si vous savez comment le faire, dites-le moi parce que je ne le referrai plus!

Le rendu

J’ai eu des problèmes de synchronisation au rendu que je n’avais pas dans After Effects. Je n’ai toujours pas compris d’où ça venait. Au final, j’ai encodé en Xvid pour un fichier de 374mo.

Je déteste faire de la vidéo parce qu’un simple changement dans le fichier source doit être suivi d’un rendu d’une dizaine de minutes. Niveau productivité, c’est très différent du web.

J’espère que vous apprécierez cette vidéo autant que j’ai aimé la réaliser.

La nouvelle règlementation 2009 de F1 expliquée en vidéo

Billet

Sebastian Vettel explique, dans cette magnifique vidéo, la nouvelle règlementation de la Formule 1 qui rentrera en vigueur cette année. Ludique et informatif.

Il y a notamment un bouton “Turbo” qui permet une augmentation ponctuelle de la puissance de la voiture.

Star Wars expliqué par quelqu’un qui ne l’a pas vu

Billet

Je n’ai pas de meilleur commentaire que le premier du site :

Wow, so close, yet… so far, far away… :)

Une année en 40 secondes

Billet

Je poste rarement des vidéos mais j’apprécie particulièrement celle-ci. L’horizon disparaît puis réapparaît au fil des mois.

Photoshop pour la vidéo

Billet

Des étudiants de Washington ont développé une technologie qui permet d’améliorer considérablement la qualité des vidéos en leur associant des photos de la même scène. L’amélioration de la qualité est extraordinaire.

Il est alors possible d’utiliser des techniques habituellement réservées à la photographie : retouche d’image, exposition, effets “Photoshop”… et surtout faire disparaitre un objet de la scène ! Allez voir ce projet génial : Video Enhancement.

12

Populaire Tutoriels Fun