entre graphisme et développement

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.

Aujourd’hui, je vais vous présenter un travail que je viens de terminer, pour un site de e-commerce breton.
Le principe,est simple, c’est un site d’achat groupé à destination des rennais souhaitant bénéficier de tarifs intéressants dans les commerces locaux.
Ainsi,  vous pourrez aller chez votre coiffeur du coin, en profitant d’un tarif allant de -30% à -50%.
J’ai effectué le WebDesign et le développement du site pour la marque AbeilleBretonne.fr
Le paiement en ligne est sécurisé, et assuré par PayBOX.
N’hésitez pas à y faire un tour, régulièrement, les offres changent très souvent !

Site d'achat groupé à Rennes

Bon, comme j’ai beaucoup de travail en cette fin d’année, je n’ai pas énormément de temps pour écrire des articles… Mais promis, je vais essayer d’être plus régulier…
Aujourd’hui, un petit projet du blog Display:inline qui va vous permettre de gagner du temps dans la génération de dégradés en CSS. Ce projet se trouve à cette adresse.
L’intérêt de  ce module est la génération à la volée du dégradé en CSS, mais aussi en png, le tout pour permettre une compatibilité sur un maximum de navigateurs…

Cette semaine, je vais vous montrer un petit boulot que j’ai réalisé pour le blog de couture Lalouandco.fr.
En effet, le blog souhaitait s’habiller aux couleurs d’Halloween et réaliser un concours pour faire gagner des badges.
J’ai donc réalisé un template WordPress en reprenant le template d’origine, mais aux couleurs de la fête des citrouilles.
J’ai également réalisé 2 badges.

Voici les photos de ces petits travaux réalisés la semaine dernière, qui ponctuent les gros travaux en cours, dont je vous parlerai dès que je pourrai les publier…