entre graphisme et développement

Ce matin, petit post pour vous faire part d’un petit soft.
Pour ceux, qui comme moi, bossent sous mac et n’ont pas envie de faire tourner un pc toute la journée (pour débugger un site sous ie par exemple), le projet PlayOnMac est pour vous !
Ce soft, basé sur Wine permet aux utilisateurs mac d’installer des softs initialement prévus pour tourner sur un PC.
Une fois le téléchargement du logiciel effectué, et son installation sur votre mac terminée, vous allez avoir la possibilité d’installer un certain nombre de logiciel.
La liste des logiciels proposée est assez intéressante, elle va de Notepad++ à ie6 ou 7 en passant par quelques jeux comme Monkey Island 2 (pour les nostalgiques).
Bien sûr, il vous faudra avoir les licences des softs que vous souhaitez installer, mais pour les freewares type IE7 et Notepad++, pas de soucis.
Alors, il y a quand même un inconvénient, c’est pas super stable… J’ai pas testé avec un jeu, mais j’ai l’impression qu’il faudra faire des sauvegardes régulièrement pour pas perdre la partie en cours…
Déjà sous IE c’est bien capricieux alors sur Age Of Empire ou Assassin’s Creed Brotherhood, j’ai un peu peur…
Petit détail qui ne gâche rien, ce soft est gratuit !

Nous avons donc vu comment monter un serveur de streaming Red5. Il reste donc à l’exploiter !
Pour cela, il va nous falloir un moyen d’envoyer un flux vidéo, qui sera retransmis via Red5, et également un moyen d’accrocher ce flux.

Envoi du flux vidéo
Red5 étant un serveur de type Flash Média Server nous allons utiliser FlashMediaLiveEncoder d’Adobe. Il va donc falloir le télécharger depuis le site d’Adobe. Le logiciel est gratuit.
Après l’installation, il va falloir le configurer : nous allons choisir le preset LowBandwidth (150 Kbps) – VP6.
Par défaut, le fux de votre webCam sera utilisé pour le streaming.
Reste donc à parametrer la cible du flux :
Cochez « Stream to Flash Media Server »
Dans le champ « FMS URL », indiquez l’adresse de votre FMS qui sera du type : rtmp://IP DE VOTRE SERVEUR/oflaDemo
enfin, indiquez le nom du stream dans le champ « Stream » (par ex: livestream).
Il ne vous reste plus qu’à cliquer sur « Connect » pour connecter le flux vidéo à votre serveur Red5.
Une fois le flux créé et le serveur Red5 connecté, il ne reste plus qu’à le lire.

Lecture du flux vidéo
Pour lire le flux vidéo live que nous avons appelé « livestream », nous allons développer un lecteur vidéo en AS3 sous flash.
Pour cela, on compile le script suivant :

var nomStream = "livestream";
var largeurVideo = 176;
var hauteurVideo = 144;

var nc:NetConnection;
var ns:NetStream;
var lecteurStream:NetStream;
var lecteurVideo:Video;

nc = new NetConnection();
nc.addEventListener(NetStatusEvent.NET_STATUS, onNetStatus);
nc.connect("rtmp://IP DE VOTRE SERVEUR/oflademo");

function onNetStatus(event:NetStatusEvent):void {
	if (event.info.code=="NetConnection.Connect.Success") {
		affichageStreaming();
	}
}

function affichageStreaming():void {
	lecteurStream =	new NetStream(nc);
	lecteurStream.play(nomStream);
	lecteurVideo = new Video(largeurVideo,hauteurVideo);
	lecteurVideo.attachNetStream(lecteurStream);
	addChild(lecteurVideo);
}

Normalement, vous avez tout ce qu’il faut pour streamer du live via Red5 !
Reste plus qu’à faire des tests pour savoir ce que va pouvoir encaisser votre serveur et surtout le nombre d’internautes simultanés que permettra votre bande passante…

Aujourd’hui, je vais vous parler de ce formidable Media Server qu’est Red5.
En effet, comme je vous l’ai expliqué dans cet article sur Subsonic, je stream de la musique via mon serveur en local.
Je me suis donc demandé, comment faire de même avec de la vidéo.
Après quelques recherches rapides, 2 possibilités :
soit on considère ça comme un investissement, et on débourse quelques centaines de dollars dans une solution type Flash Média Server (Adobe), WOWZA (wowza), etc.
soit on se rabat sur cette formidable technologie qu’est Red5.
Un grosse différence est à ce jour notable (hormis le prix). En effet, Flash Média Serveur d’adobe permet aujourd’hui de streamer pour des lecteurs flash, mais aussi pour plateformes mobiles (ipod, ipad…). Il en est de même pour Wowza, mais pas pour Red 5 qui ne permet que de faire du streaming via Flash.

Je me suis donc rabattu  sur cette version, en me disant que pour ipad, on verrait dans un second temps.

Après un téléchargement de la version compatible mac depuis le site, il faut installer le programme dans le dossier applications.
Ensuite, il faut absolument disposer de la version de JAVA adéquate, du coup, je suis allé la télécharger sur ce site.

Une fois ces 2 éléments installés, vous disposez de tout le nécessaire pour streamer.

Il faut donc lancer l’application Red5, puis, dans votre navigateur (depuis le serveur), vous entrez : http://localhost:5080
Vous tombez alors sur la page d’accueil de Red5.
Il ne reste plus qu’à installer le service de stream en cliquant sur Install (ou en entrant l’url suivante http://localhost:5080/installer).
Depuis cette page, vous choisissez le premier élement de la liste (oflaDemo), puis vous cliquez sur le bouton « Install » situé en bas du tableau.

Voilà votre serveur installé et pret à fonctionner.

Dans mon prochain billet, j’expliquerai comment streamer via flash ou Flash Média Encoder, puis accrocher un flux Live et une VOD.

Ce matin, je vais vous parler d’un projet porté par pagesjaune.fr.
Il s’agit de la modélisation de villes en 3D, un peu à la manière de Google Earth, mais en plus poussé.
Ce qui est impressionnant c’est le volume de bâtiments modélisés. Vous pouvez en effet voir l’ensemble de certaines villes (Paris, Versailles, Marseilles, Nantes, Rennes, etc.) en 3D.
L’interface est issue d’un partenariat avec l’IGN et interAtlas pour les photos,  la modélisation étant assurée par Archividéo.
Je vous conseille d’aller y faire un tour, à cette adresse.
Une remarque tout de même, la visite de votre ville nécessitera l’utilisation de FireFox et l’installation du plugin shockwave.

Aujourd’hui, je vais vous parler d’un logiciel gratuit vous permettant d’accéder à votre musique, ou que vous soyez.
J’ai nommé SubSonic.

Le principe, pour ceux qui souhaiteraient s’y mettre, n’est pas très compliqué :

Il va vous falloir un serveur, ou une vielle machine faisant office de serveur. Quand je dis serveur, c’est plutôt dans le sens stockage, mais avec une DNS Dynamique pour vous y connecter de l’extérieur de votre réseau. Donc une vielle machine, sur une box par exemple, fera très bien l’affaire.

Ensuite, vous téléchargez la version correspondante à votre OS (Mac, Windows, Ubuntu, Red Hat, etc.) sur le site du projet.
Pour ma part, j’ai testé sur un serveur mac, et un Ubuntu, et tout roule pour l’installation.

Ensuite, vous renseignez  deux trois paramètres comme : le dossier de stockage de votre musique, les utilisateurs pouvant se connecter à votre dossier, etc.

Enfin, vous pouvez vous  connecter à une interface utilisateur via un navigateur et bénéficier de tout les petits goodies qu’offrent les Deezer & autres GrooveShark. Avec un gros plus : PAS DE PUB !

Il est à noter que des players .air, des gadgets windows sont disponibles pour accéder à votre musique sans passer par votre navigateur.
De plus, pour les plus gourmands, vous pourrez via la création de dossier symbolique rediriger votre dossier contenant votre musique vers un NAS bien costaud.

Maintenant, reste à vous parler de la déception du projet, les versions iPad / iPhone. En effet, c’est bien pratique de pouvoir écouter sa musique où que l’on soit (si tant est que vous ayez une connection 3G ou Wifi), mais sur votre iPhone ou Ipad, c’est encore mieux.
Et là, grosse déception, puisque l’application est payante ! Je ne sais pas ce qu’il en est de la version sous Android.

J’avoue que le projet est extrêmement intéressant (hormis les 5 euros que coûte l’application iPad) si comme moi, vous travaillez dans plusieurs endroits, vous pouvez toujours bosser en musique.

Pour terminer, je vous ferai juste un petit rappel sur les droits en matière de musique, puisque tout ceci n’est légal que si la musique que vous stockez vous appartient (achat ou encodage de disque).

Aujourd’hui, un petit projet en WebGL à découvrir d’urgence.
En effet, le dernier travail de Evan Wallace est simplement époustouflant !
Il vous faudra tout de même un navigateur utilisant WebKit pour le visualiser.
Si c’est le cas (Chrome, Firefox,Safari, etc. ) allez vite faire un tour à cette adresse : http://madebyevan.com/webgl-water.
Je vous conseille également les autres travaux réalisés par le même développeur, l’ensemble des projets est intéressant.

Ce matin un régal pour les yeux et les neurones…
Afin de démontrer la puissance de son navigateur (et le talent de ses équipes), Google vient de nous livrer un projet à voir de toute urgence !
Le projet ROME, est presque parfait. Je dis presque, parce qu’il va vous demander une machine de malade pour pouvoir tourner correctement…
Pour ma part, je l’ai lancé sur un MacBook Pro (dernière génération), sous Chrome 12.0.742.122 et ça gratte quand même à certains moments…

Ce matin, je vais vous parler de photo. En effet, si vous disposez d’un appareil photo numérique, vous vous êtes surement déjà demandé comment faire une photo à 360° ?

Rien de plus simple, mais plusieurs possibilités s’offrent à vous :

- La plus intéressante étant un bon reflex et le module PhotoMerge de Photoshop : Vous vous contentez de prendre des photos en tournant sur vous-même, (et en faisant bien attention à superposer une partie de vos photos) puis  vous générez une image unique grâce à PhotoMerge (photo -> automatisation -> photomerge).

- Une autre possibilité,  si vous possédez un iPhone : photosynth. Cette application gratuite (développée par Microsoft) vous guidera dans votre génération de photo à 360°.

Une fois cette « photo » faite, il vous suffit de l’intégrer dans un outil développé en flash (de ce type) pour avoir quelque chose comme ça :

Ci-dessus, un panorama de la place Charles de Gaulle de Rennes, pris avec un reflex, et non avec un iPhone…