Mise à jour de VLCcontrols

April 23, 2008 on 11:43 am | In Javascript, VLC, developpement, geek style | 1 Comment

VLCcontrols est une librairie Javascript qui vous permet d’intégrer le fameux lecteur VLC dans vos pages web et de profiter de toute sa puissance. De nouvelles fonctions ont été ajoutées : possibilité d’intégrer des sous titres (locaux ou distants), de transcoder/streamer ou enregistrer le flux en cours de lecture sur votre disque dur, tout cela depuis une page web.

VLCcontrols is javascript library that allows you to embed the powerful VLC plugin in any webpage; New features have beed added today : you can now embed subtitles (local or remote), transcode and save or stream your contents as if you were in VLC, but from your webpage.

VLCcontrols home : http://code.revolunet.com/VLCcontrols

VLCcontrols advanced features demo : http://code.revolunet.com/VLCcontrols/VLCcontrols/advanced.html

VLCobject, VLC dans votre page web

January 25, 2008 on 12:44 pm | In General, Javascript, VLC, developpement, web | 4 Comments

Je viens de publier une petite librairie javascript largement inspirée de swfobject et qui vous permet d’intégrer facilement le  plugin VLC dans vos pages WEB. Le plugin est chargé en pur javascript et si l’utilisateur n’a pas de plugin VLC installé, un message lui indiquant un lien de téléchargement lui est indiqué.

Ca s’appelle VLCobject et c’est dispo ici : http://code.revolunet.com/VLCobject/FR

Pour ajouter les boutons Play, Pause, Stop, Volume, Seekbar… regardez du coté de la librairie VLCcontrols

Insérez VLC dans vos pages WEB !

January 7, 2008 on 5:13 pm | In General, Javascript, VLC, actu informatique, developpement, geek style, softs | 16 Comments

Tout le monde connait la puissance de VLC, le célebre lecteur multimédia développé à l’origine grâce à un projet de l’école Centrale, puis offert au monde open-source et qui permet de lire pratiquement tous les formats videos. Aujourdhui, VLC est devenu un projet international, qui rassemble une grosse communauté et est supporté par de nombreuses entreprises dont Free qui a basé beaucoup de ses services sur ce petit bijou et a aussi largement contribué à son développement.

Mais VLC, plus qu’un ’simple’ lecteur, est aussi une véritable plate forme multimédia de réencodage et de diffusion, qui permet de transformer et de diffuser des flux audios ou videos de multiples facons. Par exemple, grace à VLC, vous pouvez capturer le flux de votre webcam ou de votre tuner TV et le diffuser sur Internet, en format MPEG2 par exemple, ou meme h264 ou Flash (FLV) si votre processeur (et porte monnaie) le permet. Vous pouvez également ajouter des filtres, sous titres et appliquer si vous le souhaitez des transformations aux images…

Depuis peu, il est également possible d’intégrer directement le player VLC dans des pages web, à l’instar d’autres players comme WindowsMediaPlayer par exemple, ce grâce à l’équipe de VLC, qui a travaillé dur pour créer un ActiveX (pour Internet Explorer) et un plugin pour Mozilla, lesquels disposent desormais d’une nouvelles API unifiée, qui permet de les controler facilement en Javascript. Nous allons maintenant pouvoir intégrer le player VLC directement dans des pages web, et exploiter toutes ces possibilités : lecture haute definition, mais aussi sous titrage, réencodage, enregistrement, diffusion…

Pour profiter de ces possibilités, vous devez installer au moins un des deux plugins pour votre navigateur. Pour ce faire, il suffit de cocher ces options pendant l’installation de VLC.

Je viens de développer une petite librairie Javascript qui permet à n’importe quel webmaster d’insérer facilement le lecteur VLC dans ses pages web, en ajoutant en plus quelques boutons de controle : play, stop, volume, seekbar… vous pouvez trouver cette lib sur http://code.revolunet.com 

autre exemple plus complet : http://vlc.revolunet.com

J’espere que cela permettra une diffusion plus large de ce merveilleux plugin !

Attention, installez plutot la verison 0.8.6d (derniere stable) plutot que la 0.8.6c qui souffre d’une serieuse vulnérabilité au niveau sécurité !

Le site de VLC : http://www.videolan.org

Le forum : http://forum.videolan.org

et le wiki de plus en plus complet : http://wiki.videolan.org

J’attends vos feedbacks, merci ;)

EDIT : Cette a été remplacée par VLCcontrols : http://code.revolunet.com/VLCcontrols

gcomment.com, le widget gratuit pour la gestion de commentaires.

December 18, 2007 on 4:01 pm | In AJAX, General, Javascript, actu informatique, geek style, web | No Comments

Découvrez le nouveau service lancé par l’equipe de revolunet en version béta !

gcomment.com permet d’insérer une zone de commentaires customisable sur les pages de votre site sans taper la moindre ligne de code.

Echangez avec vos visiteurs ou donnez leur la possibilité de laisser un avis !

Le service est 100% gratuit et l’inscription ouverte à tous. Nous attendons avec impatience vos commentaires et suggestions pour en faire un service ultime !!

check it out ! http://www.gcomment.com

PHPdiapo : diaporama PHP/Javascript

January 3, 2007 on 8:53 pm | In General, Javascript, developpement, web | 36 Comments

J’ai crée un petit script PHP pour générer des diaporamas facilement dans une page.

Le script scanne un dossier et genere le javascript necessaire au diaporama. On peut en placer plusieurs par page et il suffit d’une seule ligne de code pour générer le diaporama :

$d=PHPdiapo(“images/diapo_linux”,“exemple_linux”);

infos et sources sur http://dev.revolunet.com/scripts/PHPdiapo, commentaires bienvenus ici même.

enjoy ;)

 

 

 

YouOS, premier OS en AJAX

July 26, 2006 on 12:20 pm | In AJAX, General, Javascript, actu informatique, geek style | 2 Comments

Voila, un premier soit-disant système d’exploitation 100% AJAX est sorti; il s’agit de YouOS

On accède à un bureau des plus classiques, avec menu démarrer et on ouvre ses ‘applications’ dans des calques séparés, comme des fenetres windows. Par défaut il y a pas mal d’applications : un “Rich Text Editor”, une gestion des notes, un browser, un lecteur de RSS, un chat…

L’avantage est que l’on peut ajouter pratiquement n’importe quelle application web à ce menu démarrer et même développer des programmes en Javascrit qui s’ajouteront à notre ‘OS’. Par exemple Google SpreadSheets ou d’autres programmes pourraient être intégré à l’appli.

Il y a même un pseudo shell dans lequel on va retrouver nos fichiers crées et pouvoir taper des commandes classiques : copier/deplacer/supprimer… et aussi un ‘kill’ pour tuer une de nos fenetres.

C’est bien fait, déjà bien avancé… et impressionnant car le javascript assez bien optimisé.

bien joué les geeks !

Librairie AJAX Yahoo

February 14, 2006 on 3:16 pm | In AJAX, General, Javascript, actu informatique, web | No Comments

Yahoo surprend tout le monde Open Source aujourd’hui en publiant des biblioethèque de Ajavscript destinées à faire de l’AJAX.

Il s’agit de fonctions cross-browsers pour gérer la fonction XmlHttpRequest, les animations de calques, le drag & drop, et egalement de quelques UI items : Calendrier, Slider, Treeview.

Tout ca releasé sous une license très permissive : la BSD licence ! (peut etre réutilisé dans toutes application même payante en mentionnant le copyright)

IE7 : support natif de XMLHTTP (AJAX)

February 2, 2006 on 3:08 pm | In AJAX, General, Javascript, web | No Comments

Bonne nouvelle pour les web-developpeurs : IE7 intégrera de facon native une version standard de l’objet XMLHTTP.

Alors qu’il fallait jusqu’a présent utiliser un appel différent en fonction du navigateur, on pourra maintenant se contenter d’un appel unique, ce qui va faciliter à terme le developpement d’applis en AJAX.

// If IE7, Mozilla, Safari, etc: Use native object
var xmlHttp = new XMLHttpRequest()

Bien heureusement, les appels à l’ancien code ActiveX seront toujours supportés

JsJaC : JavaScript Jabber Client Library

February 1, 2006 on 2:21 pm | In General, Jabber, Javascript | 2 Comments

Voici une petite librairie pour utiliser Jabber depuis le Javascript ! Ca marche en coordination avec un serveur Jabber qui gère le HTTP-Polling.

C’est compatible IE 5+, Gecko, Netscape 6+… donc très compatible !

voici un petit exemple pour m’envoyer un message :

//connexion
con = new JSJaCHttpPollingConnection();
con.connect(“http://monserveurJabber.com/http-poll”,“monserveurJabber.com”,“jb”,“JSresource”,“secret”,2000,0);
//envoi du message
var aMsg = new JSJaCMessage();
aMsg.setTo(“jb@jabber.fr”);
aMsg.setBody(“test message”);
con.send(aMsg);

on peut envoyer, recevoir, gérer les présences…

Attention : si le domaine ou est la page web n’est pas le meme que celui ou est le http polling, il faudra prevoir une modif de le conf d’Apache (mod_proxy + mod_rewrite) pour rewriter le domaine et contourner la restriction javascript.

Quick Lookup : Références rapides

January 30, 2006 on 7:10 pm | In AJAX, General, Javascript, developpement | 1 Comment

Voici un exemple concret et utile en AJAX : C’est une simple page web sur laquelle vous pouvez chercher les definitions de fonctions PHP, MySQL, Javascript, ou de propriétés CSS.

  • Placez vous sur l’onglet du langage sur lequel vous voulez faire la recherche
  • Tapez un mot clé -> Apparaissent alors instantannément les termes approchants
  • Cliquez sur un des termes trouvé et vous avez la définition de la fonction : arguments, exemples et liens vers des infos plus complètes

Très pratique quand on est pas sur d’une syntaxe ou qu’on a un petit doute…

–> Quick Lookup : http://ql.aonic.net/

Encore plus pratique : mettez l’URL dans une sidebar FireFox ;)

Ressources AJAX : ‘AJAX Patterns’

December 26, 2005 on 5:33 pm | In AJAX, General, Javascript, actu informatique | No Comments

Voici un wiki qui regroupe des ressources utiles aux developpeurs AJAX :

  • Présentation de différentes techniques et effets
  • Exemples
  • Toolkits
  • Outils de developpement
  • Liens utiles

http://ajaxpatterns.org/wiki/index.php?title=Main_Page

Correspondance des propriétés Javascript et CSS

December 5, 2005 on 2:30 pm | In AJAX, General, Javascript, web | No Comments

Voici une reference utile pour la correspondance des propriétés CSS en Javascript.

Avec cela, vous pouvez modifier à la volée les propriétés CSS de vos élements via Javascript.

–> Reference Javascript/CSS sur CodePunk

Menu DHTML vertical type ‘explorer’

November 23, 2005 on 11:19 pm | In General, Javascript, web | 2 Comments

Voici un script pour un menu de navigation verticale en DHTML.

Il est simple et efficace, en Javascript + CSS, et surtout il gère des niveaux de profondeur illimités, ce qui est parfois bien utile pour naviguer dans un gros site… (et evidemment, il est cross-browser).

vous pouvez l’adapter très facilement à votre convenance.

ca s’appelle PDE (pureDOMexplorer) et c’est ici

Menu DHTML vertical et horizontal

November 23, 2005 on 11:15 pm | In General, Javascript, web | 2 Comments

voici un script tout pret pour faire votre menu DHTML+Javascript+CSS en vertical ou horizontal

il est simple et fonctionne très bien, mais par contre, on ne peut avoir qu’un seul niveau de profondeur, c’est à dire rubrique principale + sous-rubrique, pas plus loin…

Yet Another Dynamic Menu

Contourner les restrictions de XmlHttpRequest

November 22, 2005 on 3:23 pm | In AJAX, General, Javascript | No Comments

Sous la plupart des browsers, l’appel à la fonction XmlHtppRequest est limitée au domaine d’ou est executée la requete.

C’est bien embetant car très souvent on fait appel à des services exterieurs pour récupérer ses infos .

L’article suivant (en Anglais) propose quelques ruses effiacaces pour contourner le probleme :

  • une page PHP qui fait office de proxy pour récupérer les infos sur votre domaine
  • un proxy via APACHE
  • une ruse en javascript qui convertir le xml en une string (bidouille)

http://www.xml.com/pub/a/2005/11/09/fixing-ajax-xmlhttprequest-considered-harmful.html

librairie pour effets visuels javascript

November 18, 2005 on 3:49 pm | In General, Javascript | No Comments

Je vous présente Moo.Fx, une mini librairie Javascript pour faire des effets graphiques :

Apparitions/Disparitions, Fades-in/Fades-out, Redimensionnements…

Petits effets mignons, légers et faciles à utiliser..

Moo.Fx

Drag & Drop Sortable Lists with JavaScript and CSS

November 9, 2005 on 3:51 pm | In General, Javascript | No Comments

Voici un exemple très sympa de drag&drop 100% pur Javascript

C’est propre et ca permet de faire du web + ergonomique…

Drag & Drop Sortable Lists with JavaScript and CSS

Powered by WordPress with Pool theme design by Borja Fernandez.
Entries and comments feeds. Valid XHTML and CSS. ^Top^