Want to learn Red5? Request some tutorials here!

For the longest time I wanted to create video tutorials that would help others create cool stuff; that really would help people get started with something.

I thought about creating bitmapdata tutorials. I thought about covering some of the soundSpectrum stuff. And I even wanted to explain a bit of magic behind advanced runtime effects (done easy). But none of those really made me believe I could help a lot of people out.
But during the past weeks, it came to my attention that a lot of people really want to get started with Red5, but can’t because they can’t find any simple, straight forward tutorials. That’s where I come in.

Starting from september 3rd, I’ll be recording as much video tutorials about Red5 as I can, covering small topics. I’ll keep it short and real simple. It’s about helping you understand the basics and getting you started. I’ll post them as fast as I can upload them. I’ve got some topics in mind, but I’d love to hear from you guys what you really want to know.

A few of the topics I had in mind:

1. Your first Red5 app: Multi-user Hello World (remote shared objects)!
2. How to create the Shared Ball demo app (remote shared objects)?
3. How to create a fridge-magnet app (remote shared objects)?
4. How to tell other users to do something (remote methods)
5. How to build a basic chat app?
6. How to stream video & audio?
7. Building a custom Red5 application in JAVA
8. Executing methods on connected clients, from the server.
9. Sending data to a client (from JAVA to AS3)
10. Recording a complete audio/video stream.
11. Recording a part of a audio/video stream.
12. Room management done right
13. [more to come... Post your ideas in the comments]

Post whatever questions you have in the comments. I’ll try to answer every single one of them in the upcoming video tutorials, using simple demo’s and examples.

Note (again): I’m trying to get you to understand the very basics, and interesting tricks. I’m not going to help you build insane custom apps.

I got Publish(ed)

Back in July the people over Publish – a Dutch magazine for digital creatives – asked me if I wanted to write a Flash workshop. The issue featuring the workshop I wrote came out earlier this week. Today I got one in the mail. I look better in magazines than I figured I would

The workshop I wrote is about how to make a basic image viewer in Flash. I explain how to load an XML file, interpret the data and load the corresponding image depending on what button has been clicked.

Anyway: A few pictures! (Yes, I’m very proud…. How can you tell?)

And they featured a few of my pictures on Flickr in the magazine too! I’m really proud ^^

Anyway: I hadn’t heard about Publish before, so I was pretty curious on how they would bring the content. But now I’ve got the October issue I must say: The magazine is great. Definitely something to look into if you’re looking for a Dutch magazine focussed on digital creatives.

Time-lapse fun

Some time ago I started looking into the wonderful world of ‘Time-lapse‘. I really found it intriguing and I wanted to do something like that myself. So I started experimenting around, and soon people asked me how I actually do this, so here goes…

Let me start with a disclaimer: I’m still experimenting to find the perfect workflow, and figure out a lot of stuff. If you got any suggestions to make: Don’t hold back Read the rest of this entry »

Flash Lite en basic HTTP auth

Ik ben de laatste dagen erg druk bezig geweest met een (erg cool) Flash Lite project (waar ik binnenkort eindelijk over zal schrijven). Hoewel deze post over mijn ervaring in Flash Lite gaat is het in Actionscript 2 voor Flash Player ook van toepassing. Voor Actionscript 3 zal de werkwijze vrijwel analoog zijn.

Tijdens het ontwikkelen van de applicatie ben ik op het probleem gestoten dat ik data moest inladen die gebruikersspecifiek waren. Daarenboven zat er ook gevoelige data bij, die dus beveiligd moest verstuurd worden.

Mijn collega (die de server-side van het project ontwikkelt) stelde een aantal mogelijkheden voor waaronder basic HTTP authentication. Dit leek me een goede manier om het te proberen. Jammer genoeg bleven mijn zoektochten op Google naar duidelijke uitleg onbeantwoord. Door het samenrapen van een 3 tutorials en bronbestanden had ik het eindelijk door.

In feite is basic HTTP auth in Flash (Lite) echt doodsimpel. (Ik versta niet waarom iedereen daar altijd zo’n rond-de-pot-gedraai aan toevoegd.)

To the point: Stel ik wil XML inladen (mbv Actionscript 2). Dat doen we over het algemeen zo:

var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.load('http://example.com/somepage.php');

function xmlComplete(success){
	if(success){
		//logica komt hier
	}
}

Heel basic, zonder authentication. Niets nieuws, dus. Maar wat als somepage.php je om een gebruikersnaam en wachtwoord vraagt?

Dit kan blijkbaar heel makkelijk opgelost worden, door gebruik te maken van de addRequestHeaders method (die zowel voor de XML class, de webservice class, alsook voor LoadVars class beschikbaar is), en de Base64 class (download hier).

Je code ziet er dan als volgt uit.

var auth:String = Base64.Encode("myUsername:myPassword");
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.addRequestHeader("Authorization","Basic "+auth);
xml.sendAndLoad('http://example.com/somepage.php',xml);

function xmlComplete(success) {
	if(success){
		//logica komt hier
	}
}

Er zijn 2 grote verschillen. In dit voorbeeld gebruiken we de addRequestHeaders method om de gebruikernaam en het wachtwoord aan de requestHeaders van het XML object toe te voegen. Deze moeten wel eerst via Base64 geëncode worden alvorens dat de basic HTTP auth deze ontvangt. Daarnaast gebruiken we ook de sendAndLoad method zodat de headers meegestuurd worden naar de server.

Het is dus op zich erg simpel, maar je zou bijna niet geloven hoeveel tijd ik gespendeerd heb om tot deze conclusie te komen. Ik kan het nog altijd niet geloven als ik naar de simpelheid ervan kijk.
Hopelijk kan ik enkelen hiermee wat tijd besparen.

Screencasting en demo recording voor de Mac

Ik ben een persoon die graag zijn kennis deelt. Gevolg daarvan is dat ik weleens graag een tutorial maak, en daarbij goed uitleg wat er gebeurd, waar en waarom. Gezien ik een lui iemand ben, zit ik niet te wachten op lange teksten schrijven,  veel screenshots maken, en deze bewerken.

De enige goede, en meteen ook veel effectievere oplossing, is een video-tutorial, of ook ’screencasting’ genoemd.

Voor Windows zijn daar heel wat mogelijkheden waaronder Camtasia, Captivate en Quick Screen Recorder. Al bij al goede programma’s die op een aangename manier werken. Na wat trials had ik besloten bij Camtasia studio te blijven. De meesten die mij kennen weten ondertussen dat ik een tweetal maanden ben overgestapt op Mac. Software op een Mac valt echt onder het motto ‘Just Works’… maar dan moet je eerst software hebben. Het lijkt er wel op dat software developers voor Mac ofwel het gat in de markt niet zien, of dat de screen recording bedrijven gewoon Mac over het hoofd zien.

De juiste software om mooie screencasts mee te maken, waar de kijker rustig kan volgen en waar de kwaliteit niet moet onderdoen voor hun Windows varianten, is moeilijk te vinden.
Er zijn een aantal mogelijkheden – om eerlijk te zijn best wel veel- wat dit soort software betreft voor de Mac. Na wat zoeken heb ik Screen Mimic gevonden dat echt wel exact voldeed aan mijn eisen voor een goed screencast programma.

Screen Mimic is enorm simpel qua gebruik: Start het op, stel in hoe groot je opname-gebied moet zijn, en of het moet meevolgen met de muis. Daarna neem je je video op. Eens je klaar bent kun je kiezen of je exporteert naar een SWF (Flash Movie), FLV (Flash Video) of Quicktime. Je kunt kiezen om het huidige audiospoor te gebruiken (Standaard was dat bij mij de microfoon) of om een extern bestand te gebruiken (vooraf opgenomen stem om de videobeelden te begeleiden). Gezien mijn doel is om achteraf gewoon een bestand te uploaden naar de server is het exporteren naar FLV echt wel perfect.

Screen Mimic is een Universal Application, en maakt dus volledig gebruik van het potentieel van de huidige Intel Macs. Een van de redenen waarom ik niet (zoals iedereen mij aanraadde) voor Snapz Pro X gekozen heb, is omdat de camera voortdurend in beweging is met de muisaanwijzer. Er is geen ‘dood vlak’ waarin de pijl kan bewegen zonder dat de camera meebeweegt. Bij Screen Mimic ligt dit anders. Ook neemt Snapz Pro meteen de screenshot functionaliteiten over. Dat zijn mogelijkheden die ik niet wil, en ook niet nodig heb. Uiteindelijk scheelt de prijs van Screen Mimic nog eens de volle 5$, dus was er voor mij geen twijfel mogelijk. De goedkopere software voldeed perfect aan mijn wensen.

Ik ben blij met mijn zoektocht (die toch wel enkele dagen heeft geduurd), en ik hoop dat ik binnenkort tijd vind om enkele tutorials op te nemen.

Alvast bedankt aan de mensen die tips gestuurd hebben