Play two videos - Flash Media Server

Hi,
I am working on a karaoke project where there are two video screens.

The first one shows karaoke video and the second one records users video
I have successfully recorded users video but when I try to play back the recorded video it does not work properly when I am testing online

When I work in local server, it is working fine. But when I see this online, the two videos don’t synchronize properly. I guess, there is some issue with buffering video.

Here is my code

var RTMP:String = "rtmp://localhost/salim/samples";

var first_nc:NetConnection = new NetConnection();
first_nc.connect(RTMP);
var first_ns:NetStream = new NetStream(first_nc);

myVideo1.attachVideo(first_ns);
first_ns.setBufferTime(20);
first_ns.play("karaoke");
first_ns.pause();

var second_nc:NetConnection = new NetConnection();
second_nc.connect(RTMP);
var second_ns:NetStream = new NetStream(second_nc);

myVideo2.attachVideo(second_ns);
second_ns.setBufferTime(20);
second_ns.play("recorded");
second_ns.pause();

playVideo_mc.onRelease = function(){
    first_ns.pause();
    second_ns.pause();
}

I was thinking to preload both the videos and then start playing when say after 20% loaded. But I don’t know how to preload a streaming video.

I will highly appreciate any suggestions.

Thanks