Puisque la question revient souvent, et que je donne toujours la même réponse, la voilà plus accessible qu’au fond d’un projet.
Pour fermer automatiquement un conteneur (menu, popin, …) lorsque l’on clic en dehors, voici une solution simple (basée sur jQuery)
$(document).mouseup(function (e) { var container = $("SÉLECTEUR DU BLOC A CACHER"); if (container.has(e.target).length === 0) { container.hide(); } }); |
EDIT : Une petite coquille existe dans le squelette proposé par pixelgraphics. Il manque un « return » dans le getter. Ci-dessous le squelette corrigé.
Rapide billet en mode pense bête.
Aujourd’hui j’ai eu besoin de lier une instance d’objet jQuery à un objet DOM, pour éviter d’instancier plusieurs fois mon plugin sur le même objet du DOM. Pour ça j’avais déjà vu un squelette de plugin qui répond au besoin, mais je ne me souvenais plus sur quel site. Pour ne plus perdre de temps à le rechercher comme aujourd’hui, et pour que ça puisse servir à d’autres voici le site en question : http://starter.pixelgraphics.us/
Ce site propose un générateur de squelettes de plugins jQuery, avec quelques options sympas, comme justement l’option « Getter » (qu’il ne faut pas oublier de cocher dans notre cas)
Lors de l’instanciation de l’objet jQuery, celui-ci est lié à l’objet du DOM grâce à la ligne :
base.$el.data("myAmazingPlugin", base); |
et on peut simplement récupérer l’instance grâce à la fonction jQuery créée à cet effet :
$.fn.getmyAmazingPlugin = function(){ return this.data("myAmazingPlugin"); }; |
Pour utiliser ce plugin on utilisera donc :
//Instanciation du plugin $("#myElement").myAmazingPlugin(); //Récupération de l'instance $myElementInstance = $("#myElement").getmyAmazingPlugin(); |
On pourrait même simplement imaginer une fonction unique qui retourne l’instance si elle existe ou instancie le plugin sinon.
Le squelette de plugin au complet (j’en étais arrivé au même squelette, sans la ligne permettant de lier l’instance à l’objet du DOM) :
(function($){ $.myAmazingPlugin = function(el, options){ // To avoid scope issues, use 'base' instead of 'this' // to reference this class from internal events and functions. var base = this; // Access to jQuery and DOM versions of element base.$el = $(el); base.el = el; // Add a reverse reference to the DOM object base.$el.data("myAmazingPlugin", base); base.init = function(){ base.options = $.extend({},$.myAmazingPlugin.defaultOptions, options); // Put your initialization code here }; // Sample Function, Uncomment to use // base.functionName = function(paramaters){ // // }; // Run initializer base.init(); }; $.myAmazingPlugin.defaultOptions = { }; $.fn.myAmazingPlugin = function(options){ return this.each(function(){ (new $.myAmazingPlugin(this, options)); }); }; // This function breaks the chain, but returns // the myAmazingPlugin if it has been attached to the object. $.fn.getmyAmazingPlugin = function(){ return this.data("myAmazingPlugin"); }; })(jQuery); |
Notez la gestion des options, à connaitre quand on développe ses propres plugins jQuery !
PS : Je n’ai pas oublié l’article sur TVHeadEnd 
Je suis tombé un peu par hasard sur Codiad, un projet d’IDE web.
Sur la ligné des Cloud9 ou Orion, il s’agit d’un environnement de développement en ligne qui ne nécessite aucune installation en local. Seul un navigateur récent est nécessaire. Les fonctionnalités sont classiques pour un outil de ce genre (coloration syntaxique, complétion, vérification syntaxique, système d’onglets, …), mais plutôt complètes pour un outil complètement en ligne. Et Codiad présente trois gros avantages par rapport à ses concurrents les plus célèbres :
Interface de Codiad
Cet éditeur astucieux permet de gérer plusieurs utilisateurs et plusieurs projets. S’il ne peut pas constituer pour moi un environnement de travail principal, il répond à certains besoins :
Vraiment un belle découverte, chapeau bas aux développeurs du projet 
Cette news (qui remonte tout de même à Septembre 2012) m’avait échappée. Le dernier projet de l’Open Movie Project (dont j’avais déjà parlé ici), « Tears of Steel » est disponible, dans un genre que la fondation n’avait pas encore manipulé. Voyez plutôt :
Au delà sa qualité en elle même, l’originalité du projet tient plutôt à son mode de réalisation. L’accent est mis sur l’utilisation des outils libres, comme blender, le but étant d’améliorer la chaîne de création misant sur les outils open source.
Après 3 RC, XBMC 12, Frodo est disponible en Release !
Au programme des réjouissances :
), mais il m’en reste d’autres à tester.
MAJ 30/01/2013 : Hier soir lorsque j’ai publié cet article, le site d’XBMC était quasiment inaccessible… et pour cause ! Il était en fait en train d’être mis à jour pour la sortir de la release de XBMC 12, Frodo ! Lorsque je parle de Release Candidate dans le texte, sachez donc que la Release est disponible
Comme je l’évoquais dans l’article précédent, j’ai enfin mis en œuvre mon projet de Media Center / Magnétoscope numérique (ou PVR pour Personal Video Recorder) presque parfait basé sur des solutions libres. Après quelques mois de fous niveau boulot comme perso, je prends enfin un peu de temps pour vous présenter plus en détails le « frontend » de l’installation : XBMC. Frontend en tout cas pour la partie TV en direct et Enregistrement qui sont en réalité gérés par TVHeadEnd (XBMC se contentant d’afficher des flux et de proposer une jolie interface), mais pour toute la partie Mediacenter, c’est lui qui fait tout le boulot ou presque . Un autre article sera consacré à TVHeadEnd. Je ne le promets pas pour demain… mais il viendra !
La version de XBMC utilisée est particulière, il s’agit de sa version PVR (Personnal Video Recorder) qui propose justement, en plus de toutes les fonctionnalités classiques d’XBMC, une interface dédiée à la télévision avec Guide numérique des programmes, programmation des enregistrements, visionnage du direct … le tout s’appuyant ici sur TVHeadEnd (mais la version PVR est également compatible avec d’autre backends). Les fonctionnalités PVR font maintenant partie intégrante de la future version stable d’XBMC (la version 12, Frodo actuellement en Release Candidate). XBMC est un point clé de l’installation, puisque c’est l’interface qui se trouve sous les yeux de l’utilisateur et qui a pour but de rendre le système utilisable par n’importe qui, et j’entends surtout par là les non geeks qui veulent avant tout que ce soit agréable a utiliser et que ca marche. Ca tombe bien, l’interface d’XBMC est intuitive, esthétique, réactive et fonctionnelle. J’ai déjà eu l’occasion d’en parler ici ou ici, je vais donc aujourd’hui essayer de me concentrer sur les fonctionnalités que j’ai peu ou pas abordées.
Car en effet, au delà des fonctionnalités les plus évidentes d’un media center (proposer une interface simple, pilotable à l’aide d’une télécommande, permettant de naviguer simplement dans une bibliothèque de musiques, films et séries), XBMC présente beaucoup de fonctionnalités intéressantes. En voici quelques exemples.
Un bon media center ne se contente pas de présenter « bêtement » la liste des vidéos disponibles comme on la trouverait dans un navigateur de fichiers… il le fait avec affichage des pochettes DVD, descriptifs, trie par réalisateur, acteurs, date de sortie …
Présentation des différentes saisons d’une série télé
Présentation des épisodes d’une série télé, avec leur résumer
Présentation de la liste des films – Taken est en double, non pas par erreur, mais parce qu’il a été enregistré alors que la version DVD était déjà présente (je voulais voir ce que donnait la version française, non disponible sur le DVD)
Pour simplifier la tâche aux bidouilleurs que nous sommes, XBMC est capable de récupérer toutes ces informations à notre place, à l’aide de scrappers.
Si on en vient à utiliser un media center, c’est très probablement pour en profiter installé confortablement dans un fauteuil. Il faut alors pourvoir l’utiliser à distance. Il est tout à fait possible de l’utiliser avec des télécommandes « classiques » infrarouges, mais ce n’est biensur par la seule solution pour piloter son interface. Le pilotage peut tout aussi bien se faire :
Interface web – Liste des films
Interface web – Télécommande
Interface web – Liste des séries TV
Lecture en cours avec pochette du film, avancement (l’interface tactile permet de se déplacer simplement dans le fichier)
Présentation des films, séries, musiques … avec bien évidemment possibilité de lancer la lecture
Interface « classique » de télécommande
Ces solutions ont l’avantage de proposer un contrôle plus complet que par la bonne vieille télécommande. On peut simplement explorer les séries TV et films disponibles depuis l’interface web ou depuis un smartphone, et lancer la vidéo voulue d’une simple clic. L’interface pour la partie PVR, qu’il s’agisse du serveur web intégré ou de la télécommande, n’est à ce jour pas encore réalisée. Heureusement, comme nous le verrons dans le prochaine article, TVHeadEnd propose son propre serveur Web.
Et bien si justement. XBMC tourne effectivement sur un ordi, et il y a pleins d’autres choses qui peuvent tourner sur un ordi. Déjà, sans sortir du cadre stricte d’XBMC, on peut en étendre ses fonctionnalités grâce à un système de plugins. Il en exsite de nombreux qui permettent par exemple de regarde la télé de rattrapage (M6 Replay, Arte + 7, Pluzz, …), de consulter de façon conviviale des sites comme Allocine, Youtube, Les Guignols … Mais en plus, cerise sur le gateau, on peut lancer des programmes externes, comme des émulateurs pour les amateurs de retro gaming. On peut vraiment tout regrouper au sein de la même interface, et tout piloter depuis son canapé Il est d’ailleurs possible d’avoir une gestion de sa collection de jeux vidéos aussi poussée que pour ses films ou séries, avec pochettes et résumers notamment…
Les fonctionnalités liées à la télé bien sur ! C’est tout neuf (la version PVR ne faisait pas partie de la realease officielle jusqu’alors), mais c’est déjà très complet ! Puisque les captures d’écran valent mieux qu’un long discours, voici les principales fonctionnalités en images
Ecran d’accueil d’XBMC – Lorsqu’on se positionne sur la TV et qu’un enregistrement est en cours, celui-ci apparaît à l’écran. Dans le cas où on ne dispose que d’un seul tuner, le nombre de chaines visionnables sera alors limité aux chaines du même multiplexe.
Liste des chaines + Visionnage du direct avec infos EPG pour présenter le programme en cours
Vionnage du direct en plein écran avec affichage des informations du flux. Cet écran présente également les principaux raccourcis pour zapper, afficher les infos EPG, changer la langue, … ou encore démarrer l’enregistrement du programme en cours.
Choix la langue audio et des sous titres
Accès rapide aux fonctionnalités PVR
Vue sous forme de grille des informations EPG – Signalisation des programmes en cours d’enregistrement ou dont l’enregistrement est planifié – Remarque : On ne voit que quelques programmes à venir car les diffuseur français ont la fâcheuse habitude de ne diffuser les infos que peu à l’avance… mais contrairement à votre télé condamnée à ne voir que le programme en cours et le suivant, avec TVHeadEnd nous allons pouvoir choisir une autre source d’informations et avoir les programmes des 15 prochains jours.
Programmation d’un enregistrement depuis le programme EPG – Dans ce cas XBMC demande à TVHeadEnd l’enregistrement du programme, et ce dernier configure tout seul date de début et date de fin de l’enregistrement (avec une marge configurable)
Liste des derniers enregistrements – L’enregistrement en cours peut déjà regardé avant la fin de l’enregistrement
Voilà pour cet aperçu que j’espère plus complet que les précédents articles sur XBMC qui se focalisaient sur l’aspect multimedia. Bien que nouvellement introduit dans la branche stable de XBMC le module PVR est déjà très complet, et il comble un manque de XBMC par rapports à des concurrents comme MythTV. Le seul obstacle qui empêchait encore XBMC d’être utilisé dans une installation PVR est maintenant tombé, vous n’avez plus de raison de ne pas vous lancer … Mais pour cela il va vous falloir la brique la moins visible mais sans doute la plus importante de l’installation : le backend en charge de la difusion des flux TV et de leur enregistrement ! Rendez-vous le plus vite possible pour la présentation de TVHeadEnd
Et voilà, déjà un an d’existence pour ce blog !
J’en profite d’ailleurs pour souhaiter une excellente année 2013 à tous les lecteurs qui passent ici de temps en temps
Si on occulte le dernier trimestre qui fait (malheureusement) exception, j’aurais été plus assidu que je ne l’avais pensé il y a un an. Par rapport à certains blogeurs très prolifiques (et pour qui il s’agit parfois de l’activité principale), je ne m’étais pas fixé de fréquence de publication à respecter. Je m’étais simplement proposé d’utiliser ce support pour consigner par écrit les choses à ne pas oublier (un outil, un truc et astuce, une config, …) et partager à l’occasion mes idées, mes découvertes… Mais l’écriture d’un article me prend généralement pas mal de temps, comme en témoignent mes difficultés à finaliser la série sur le Media Center / PVR parfait, je suis donc plutôt globalement satisfait.
D’un point de vue personnel, cette fin d’année a été très chargée, et le premier semestre 2013 va être pire , je risque donc de mettre en suspend mes projets numériques. Mais pour la seconde moitié de l’année il me reste beaucoup d’idées à traiter, et je compte bien m’y remettre sérieusement. En attendant de pouvoir reprendre ces projet, le blog va peut être s’enrichir d’une catégorie « bricolage » … à suivre
A très bientôt,
Gebeo
PS : Et promis, j’essaye de finir les articles pour détailler ma config PVR 
, ce sera surement un peu moins détaillé que prévu mais je mettrai le maximum de liens utiles …
Parce qu’on est encore en Août et qu’il plane toujours un air de vacances, je me suis laissé aller dernièrement, depuis que je peux utiliser ma clé TNT sur mon Macbook Air pour être précis, à des occupations relaxantes, amusantes … mais surtout geekesques (on ne se refait pas).
J’ai enfin choisi toutes les briques nécessaires à la réalisation du Media Center (presque) parfait et les quelques billets à venir seront donc consacrés à différents logiciels / matériels / os permettant de :
Mais tout d’abord voici une petite vue d’ensemble de l’offre logicielle permettant de remplir les tâches de lecteur multimédia et d’enregistreur de télé … ainsi que les solutions pour réunir les deux mondes dans une interface adaptée à la télévision.
Lorsque j’étais étudiant, je n’avais pas tellement la place, dans mon petit studio, de me faire un coin salon. C’était donc le coin bureau qui faisait également office de coin télé, avec simplement une carte tuner PCI analogique, dont j’ai oublié la marque et le modèle. Déçu par l’ergonomie offerte par le logiciel propriétaire fourni avec la carte, je me suis mis à la recherche d’alternatives, et suis rapidement tombé sur MeuhMeuhTV et K!TV pour Windows (qui n’offraient pas forcément une compatibilité avec les même cartes).
Il était tout à faire possible de regarder et d’enregistrer la télé sur l’ordinateur équipé de la carte tuner. C’est la solution que j’ai utilisée plusieurs années durant. Une fois passé définitivement sous Linux, je me suis penché sur XdTV (mort depuis) pour remplir ce rôle.
Avec l’arrivée de la télévision numérique, il a fallu changer de matériel, mais aussi de logiciel. Je suis passé à une carte TNT USB, ne disposant plus alors que d’un ordinateur portable. La TNT étant aujourd’hui la norme en France, les logiciels permettant de la regarder sous toujours d’actualité. Il existe PoutchinTV par exemple pour Windows (mais je n’ai pas utilisé depuis tellement longtemps que je ne suis très certainement pas au goût du jour). Côté Linux, je conseillerais MeTV sous Gnome/XFCE, ou Kaffeine sous KDE, comme j’en parlais dans un précédent billet.
Les lecteurs multimédias sont légion et de qualité. Depuis de nombreuses années, j’utilise maintenant VLC quelle que soit la plateforme. Il fait d’ailleurs bien plus que simple lecteur multimédia. Il permet en plus (et surtout) de diffuser à peut près n’importe quel flux sur le réseau, avec ou sans transcodage (DVD, Fichier, Flux, Carte d’acquisition, Carte télé … rien ne lui est impossible). Grâce à son ouverture et à son interopérabilité, il est utilisé dans de nombreux autres projets.
Tout ça c’est bien, mais ça ne permet pas de faire un Media Center / PVR, les interfaces n’étant pas adaptées à l’utilisation à la télécommande. Pour cette utilisation précise, il faut plutôt utiliser un programme comme MythTV (Linux), MediaPortal (Windows), Windows Media Center (Windows), ou encore XBMC-PVR (Linux, Windows, XBox) avec le backend voulu pour la partie TV : VDR, Media Portal, MythTV ou encore TVHeadEnd
Mon choix s’est porté, sans hésitation, sur XBMC-PVR. Côté backend, j’ai pour le moment retenu TVHeadEnd.
En plus de l’installation de « simples » logiciels sur son OS, il est possible d’utiliser une distribution Linux légère dédiée. C’est le cas par exemple de GeexBox, sur lequel ont longtemps reposés mes espoirs (et dont la version 2 se base sur XBMC), ou encore OpenElec destinée à mettre en avant XBMC, et qui est plus à jour que GeexBox.
Niveau matériel il existe aujourd’hui de nombreux mini-pc prenant la forme de platine DVD ou de petites boites carrées (par exemple) permettant la lecture de vidéos HD en toute fluidité pour quelques centaines d’euros. Idéal pour le salon, il suffit d’y adjoindre un tuner USB pour la partie Télé. Avec une distribution dédié telle que XBMC Live ou encore OpenElec, on obtient ainsi un MediaCenter PVR à un prix très intéressant.
Il existe également des boitiers vendus directement comme PVR, mais on se retrouve souvent bloqué par l’utilisation d’un logiciel propriétaire sur lequel on n’a pas la main, qui utilise un formatage de disque spécifique ne permettant pas de récupérer simplement les enregistrements pour les utiliser librement. Rédhibitoire pour moi.
La fonctionnalité PVR est parfois intégrée aux TV ressentes, avec les mêmes limitations que pour les BOX dédiées.
Pour le grand public ne souhaitant pas perdre de temps à la configuration d’une machine (il faut avouer qu’une certaine connaissance de Linux est indispensable pour se configurer un HTPC aux petits oignons), il y a également la solution des box opérateur en France qui permettent maintenant presque toutes de remplir ces fonctionnalités sans surcout (compris dans l’abonnement). Les limitations sont souvent les mêmes qu’avec tout matériel propriétaire.
Freebox V6 Overlay
La solution réside pour moi dans un mini pc peu cher dédié, à configurer sois même, qui offre une bien plus grande souplesse pour un prix équivalent. Il faudra en contre partie y consacrer plus de temps pour la configuration.
Avec l’évolution des réseaux informatiques domestiques, les nouvelles constructions immobilières offrent dorénavant un réseau informatique complet et toutes les pièces reçoivent le téléphone, la télé et les « data » via le même câblage. Ceci a fait naitre un nouveau besoin, qui constituera d’ailleurs le premier point abordé dans la série des billets à suivre, celui de diffuser les flux vidéos (qu’il s’agisse de fichiers vidéo ou de la TNT) sur tout le réseau. S’il existe depuis longtemps des solutions concernant la mise à disposition de fichiers par la diffusions de flux sur le réseau, les solutions permettant de diffuser les flux de la TNT sur le réseau informatique sont beaucoup plus ressentes. Plusieurs solutions existent telles que TVHeadEnd (Logiciel) ou HDHomeRun (Matériel). XBMC peut alors être utilisé comme Frontend pour regarder les chaines de télé, mais il est possible d’utiliser n’importe quel client compatible connecté sur le réseau. Il peut s’agir d’un smartphone, d’une tablette, d’une console de jeux …
Lorsque l’on regroupe les différentes briques évoquées ci-dessus, il est dorénavant possible de profiter des chaines de Télé en direct, de programmer des enregistrements, de regarder des vidéos depuis n’importe quelle pièce de l’habitation et sur n’importe quel support relié au réseau (PC, Tablette, Smartphone, Media Center, Console de jeux, …). Si pour les Consoles / Tablettes / Smartphones il reste encore à améliorer l’ergonomie (en y portant un logiciel tel que XBMC par exemple), sur un PC le tout se pilote depuis une interface claire et intuitive qui ravira tout le monde à la maison, et pas seulement les résidents un peu geek sur les bords ;-P. C’est d’ailleurs cet aspect des logiciels libres qu’il faut mettre en avant pour essayer de toucher le public non averti et le sensibiliser sur le sujet.
A bientôt pour rentrer dans le vif du sujet !
La dernière mise à jour d’OSX, Moutain Lion, parallèlement à l’ajout d’une couche de « sécurité » (hahaha !) qui incite très fortement l’utilisateur à n’installer que des applications provenant du market officiel d’Apple, a introduit des « nouveautés » assez surprenantes …
En effet, les heureux utilisateurs de Mountain Lion, en achetant et installant la mise à jour de leur OS préféré ont également acheté le retrait de certaines fonctionnalités qui étaient jusqu’alors inclues par défaut. Il faudra dorénavant mettre la main à la poche et passer par le Mac App Store.
Cela semble d’ailleurs une évolution toute naturelle et bien planifiée. Tout « coule de source » : 1) On crée un tuyaux centralisé pour déverser du contenu dans les Mac, 2) on déconseille, en instaurant le FUD, l’utilisation des tuyaux alternatifs et 3) on fait payer un max le débit du gros tuyaux centralisé.
La prochaine mise à jour protègera t-elle l’utilisateur contre les « dangers » des logiciels disponibles par des réseaux nous estampillés « Apple », comme c’est d’ailleurs depuis toujours le cas pour iOS ? Aurons-nous la joie de devoir passer par l’App Store pour acheter des applications pour lesquelles il existe des alternatives gratuites et plus complètes … qu’on n’aura plus le droit d’utiliser ?
Avec OSX, j’avais eu une sacré douche froide en me rendant compte que je ne pouvais pas utiliser ma clé TNT autrement qu’en achetant Eye TV (et encore sans garantie aucune car même si elle est indiquée comme fonctionnant avec ce logiciel, il ne s’agit pas d’une clé officiellement vendue par Elegato, l’éditeur de Eye TV). Outre le fait que le logiciel soit relativement cher, j’ai beaucoup de mal à accepter qu’on m’empêche d’utiliser comme je l’entends du matériel pourtant acquis en toute légalité. Sous OSX, l’utilisation de cette clé avec VLC par exemple consiste à faire un simple pont vers Eye TV, qu’il faut donc quoi qu’il arrive acheter, ou utiliser illégalement, solution que je refuse alors qu’il existe pléthore de logiciels libres et gratuits permettant de faire la même chose, parfois même mieux, sous Linux ou même Windows.
En attendant de racheter un ordinateur qui se vend avec un OS digne de ce nom, ou laisse la possibilité à l’utilisateur d’en installer un simplement sans être obligé de contourner des limitations ridicules, je vais tout de même pouvoir profiter de cette clé TNT gràce à Linux Mint Debian Edition maintenant pleinement fonctionnel sur le Macbook AIR.
Les noyaux linux récents permettent d’utiliser par défaut la plupart des clés ou cartes TNT du commerce. Nul besoin pour se faire de se lancer dans la compilation et la configuration parfois délicate de drivers plus ou moins bien finalisés comme ce fut le cas il y a quelques années : tout fonctionne directement. Il ne reste alors qu’à choisir un logiciel répondant à nos besoins, et dans le domaine il y en a pour tous les goûts. Bien que je garde dans un coin de la tête l’idée de réaliser un media center à base de XBMC et Myth TV entièrement pilotable à la télécommande (et au smartphone), ce n’est pas vraiment l’idéal pour une machine nomade telle que le Macbook AIR qui ne sera pas reliée à une Télé. J’ai donc choisi d’installer Me TV, un logiciel développé en GTK et qui s’intègre donc parfaitement à Gnome, permettant de scanner les chaines, de les regarder, mais aussi de les enregistrer simplement.
Si vous préférez KDE, il existe un logiciel équivalent dénommé Kaffeine.
Et voilà ! Un PVR fonctionnel sur mon Macbook Air, et c’est franchement pas grâce à la firme à la pomme …