Domopress #2 : Camera IP et météo

Second volet de la création de notre portail domotique sous WordPress nommé Domopress. Cette fois, nous allons intégrer une caméra IP et un widget météo.

Dans le premier volet de cette série, je vous parlais de la partie graphique de la chose, et plus particulièrement du thème Liva. Cette fois nous allons voir 2 choses plutôt simples avant d’attaquer les choses sérieuses : comment intégrer une caméra IP (en l’occurrence une cam IP issue d’un smartphone ou d’une tablette Android) ainsi qu’un widget météo.

Ce qui vous donnera le résultat suivant :

Domopress : caméra IP et plugin météo

Domopress : caméra IP et plugin météo

Ma caméra dans Domopress

Nous partons du principe que vous utilisez l’application IP Webcam sur Android pour transformer votre tablette en caméra IP, cependant, cette manipulation devrait fonctionner avec n’importe quelle caméra. Nous avons vu dans un précédent article comment afficher la caméra dans ImpériHome, eh bien dans Domopress c’est encore plus simple, car cela va s’insérer de la même manière qu’une simple image. Nous utiliserons donc la même adresse : 192.168.x.x:8080/videofeed.

Editez votre page, et passez en mode texte. Là, vous entrerez le code suivant, tout simplement :

<img class= »alignleft » src= »http://192.168.x.x:8080/videofeed » alt= » » width= »640″ height= »480″ />

C’est aussi simple que cela. Pourquoi une image ? Tout simplement parce que ce que vous voyez à l’écran n’est autre que la dernière image envoyée par votre caméra. Si vous utilisez une caméra IP standard, cela devrait fonctionner en indiquant l’adresse du flux de votre caméra.

Le widget météo

Il vous suffit d’installer un simple widget météo, que vous glisserez ensuite dans la sidebar. Pour ma part, j’utilise le plugin giWeather qui reprend les codes visuels de Google, que j’apprécie particulièrement. Vous pouvez lui donner d’autres apparences, ce qui est plutôt sympa. Enfin, ce plugin est en responsive, ce qui signifie qu’il s’adaptera automatiquement à la largeur de votre sidebar.

Voilà, l’exercice était plutôt simple, la prochaine fois nous verrons comment insérer des interrupteurs afin de piloter les équipements de votre box domotique. A très vite !