nyroBlog
Bannière NyroBlog, par DëuG
Image par DëuG - ?

Tag : Web 2.0


SlideShow Flickr

J'ai voulu tester FlickR.

Pour ce qui est du chargement, du tri des images, des tags etc... aucun soucis.

Masi ensuite, je me suis dit : tiens ça serait bien de pouvoir faire un slideShow comme je vous avais fait pour les photos de Lyon. Alors j'ai cherché sur le site. J'ai vite trouvé tous les services et la description des webServices (très claire) qui permettaient de récupérer les photos d'un utilisateur, d'un tag donné, d'un 'set' etc...

Alors j'ai commencé à chercher si ce que je voulais faire n'existait pas déjà. Je n'ai trouvé que FlickrShow qui marche sans problème, mais qui ne me convient pas car propose seulement un défilement manuel des images.

Alors je me suis dit : "Bon, ben on va mettre la main à la patte et on va faire un petit truc sympa qui utilisera le Smooth SlideShow de l'autre fois en récupérant les images via le webService, et tout ça, avec un joli JavaScript en Ajax."

J'ai vite trouvé l'ensemble des éléments dont j'avais besoin au niveau des webServices de FlickR, il ne me restait plus qu'à coder. J'ai donc commencer à faire une jolie classe qui allait appelerr avec un XMLHttpRequest le webService de FlickR et me rappatrié l'ensemble des images que j'aurai sélectionné (par tag par exemple).

Mais, j'ai appris quelque chose : en JavaScript, un XMLHttpRequest ne peut appeler des pages que sur le domaine sur lequel il est utilisé, pour des raisons de sécurité. Par exemple, depuis nyrodev.info je ne peux appeler que des fichiers qui sont sur nyrodev.info. Mes espoirs de réaliser mon SlideShow en JavaScript ce sont effondré.

Du coup, j'ai tout fermé et je me suis remis à mon projet Java, bien moins intéressant, mais qui doit être terminé pour mardi...

Quelques heures plus tard, me revoilà surmon blog pour écrire ce billet, et je me dis que c'est quand même dommage que vous ne puissiez pas voir les belles photos que j'avais mis pour tester. Alors j'ai cherché une solution de remplacement, beaucoup moins élégante, mais qui marche sans aucun problème : intégrer directement le swf de FlickR sur mon blog. La seule solution qui marche est de passer par une iframe qui appelle une page de FlickR. L'intégration directe du swf ne fonctionne pas, ils ont sans doute mis une vérification...

Et donc, vous l'attendez tous, le voici :

Et puis, pour en revenir à nos histoires, c'est possible que quand j'aurai un peu de temps, je ferai un script PHP qui générera du code JavaScript pour faire ce que je vous disai tout à l'heure.

Bonne année 2007

Comme il est coutûme de dire à cette époque de l'année : Bonne et Heureuse année 2007 !

Que cette année vous apporte ce que vous désirez sur tous les plans.

Pour ma part, j'ai quelques sites en cours ou qui vont commencer, et j'espère en avoir encore d'autres au cours de l'année. J'ai aussi en projet de changer le graphisme de mon blog (ça, c'est pour très bientôt), puis de refaire le .com qui sera dans le même esprit que le blog pour le graphisme, et avec quelques changements de contenu (la partie news disparaîtra totalement par exemple).

Et quand on commence une nouvelle année, on fait toujours le bilan de la dernière année :

Et vous, bilan 2006 ? Perspective/projets pour 2007 ?

Elf Yourself, ou comment se transformer en elfe danseur

Elf Yourself

  1. Prenez un elfe qui danse sur une petite musique de cirque, sur un fond Noël
  2. Ajoutez-y votre photo (si vous voulez)
  3. Regardez le résultat

A vous maintenant, et mettez vos créations en commentaires !

Vignette de site, encore plus simple

Sur presse-citron, Eric vient de nous faire découvrir un système qui marche avec un seul appel à un javascript, qui fait les vignettes sur absolument tous les liens de la page.

L'inconvénient de ce système, c'est que les vignettes apparaissent même sur les liens du site sur lequel on a installé le script. Pas super...

Donc, j'ai essayé de modifier le script pour changer tout ça, je vais donc vous en expliquez le principe.

Attention, le fait de modifier le script est interdit dans la charte "Terms & Conditions" que vous devez signer pour accéder au script.

Donc, la méthode :

  1. Vous inscrire sur cette page pour être identifié sur leur site (site, mail et c'est tout)
  2. Récupérer l'url du script qui est donné dans le textarea et l'appeler directement dans le navigateur pour l'enregistrer dans un fichier .js
  3. Ouvrir ce fichier js avec un éditeur texte et remplacez ceci :
    var _36=url.match(/^(http)s?:\/\/(^#*)/);var _37=document.location.href.match(/^(http|file)s?:\/\/(^#*)/);

    par :

    var _36=url.match(new RegExp("^(http)s?:\/\/(^#\/*)","i"));var _37=document.location.href.match(new RegExp("^(http|file)s?:\/\/(^#\/*)","i"));
  4. Envoyez ce fichier .js sur votre site
  5. Ajouter dans le head de votre page la ligne script pour appeler le .js

Et voilà.

En fait, ils ont déjà mis une vérification, mais qui ne regarde que si l'adresse pointée est la même que celle sur laquelle on est. J'ai juste fait pour que ça teste sur le nom de domaine.

En lisant le blog de Gérald qui a fait un trackback sur mon billet, je me suis aperçu que Snap avais mis en place une FAQ, dont une question pose le problème que j'ai résolu. La solution qu'il donne consiste à ajouter un bout de code en bas de votre vape, qui va mettre l'attribut class à snap_nopreview (en ajoutant aux classes déjà présentes s'il y en a). Ceci car dans le parcours des noeuds de lien du code, ils ne mettent un écouteur que sur les liens qui n'ont pas cette classe dans leur attribut. Je l'avais vu en lisant le code, mais pas penser à procéder de la sorte. Donc, la solution pour employer cette technique (ce qui fait qu'on reste dans le cadre des utilisations permises)

  1. Mettre en place le script comme donné sur snap.com
  2. Ajouter le code suivant tout en bas de votre page, juste avant le :
    Bien sûr, changer l'adresse du site

Happy Feet Dance : Concours de vidéo

Le principe est simple : on se trémousse devant sa webcam sur le son d'une musique entraînante. la vidéo est générée à la volée via Flash Média Server vraissemblablement, on renseigne 2/3 choses (login, mail et date de naissance) et la vidéo est prête à être sur le site. Juste une validation par Warner est nécessaire pour voir sa vidéo dans le classement.

Les bons points pour ce site :

  • L'encodage en live depuis la webcam (on peut aussi envoyé ses vidéos directement)
  • Plein d'outils permettant de faire la promo de sa vidéo sur son blog (cf plus bas)
  • Un moyen assez sympa pour faire connaîte le film (Ou, parce que je vous ai pas dit, c'est pour un film)

Les mauvais points :

  • Rechargement de la page à chaque fois : un élément en Ajax aurait été du plus bel effet, ou bien un appel via LocalConnection de Flash pour éviter cela
  • Pas de français, va savoir pourquoi...
  • Je trouve qu'on ne met pas assez en valeur, on se demande au début sur quoi on arrive (du moins, c'est mon cas)

A noter que le concept n'est pas nouveau, on l'avait déjà notamment sur toutouyoutour.net

Comme je n'ai pas pu résister, j'ai fait une petite vidéo pour le fun

Enfin, je vous en parlais plus haut, la promo sur son blog, on a notre disposition : l'inclusion du player swf :

Des images de 3 formats différents :
Happy Feet Dance - Votez pour moi