Page History

...

To analyze the code, let's take file mcu_client.js, which is available here and  and can be downloaded with corresponding build 0.5.28.2753.123133.

1. Initialization of the API

Flashphoner.init() code

    Flashphoner.init({
        flashMediaProviderSwfLocation: '../../../../media-provider.swf'
    });

...

Flashphoner.createSession() code

    Flashphoner.createSession({urlServer: url}).on(SESSION_STATUS.ESTABLISHED, function (session) {
        setStatus(session.status());
        //session connected, start playback
        startStreaming(session);
    }).on(SESSION_STATUS.DISCONNECTED, function () {
        setStatus(SESSION_STATUS.DISCONNECTED);
        onStopped();
    }).on(SESSION_STATUS.FAILED, function () {
        setStatus(SESSION_STATUS.FAILED);
        onStopped();
    })

...

ConnectionStatusEvent ESTABLISHED code

On receiving the event, streaming is started

...

4. Get publishing and playing constraints from the client page

getConstraints() code

Audio constraint: true or false (depending on the value both published and played stream will have or have not audio)

...

session.createStream(), publish() code

When stream is created, the following parameters are passed

• streamName - name of the stream (login + "#" + roomName in this case, where login is the name of the participant)
• mockLocalDisplay - <div> element, required for the local camera video (will not be displayed to the user in the case)
• constraints - getConstraints() code (in this case is used to specify if the published stream will have audio)

...

StreamStatusEvent PUBLISHING code

On receiving the event, a stream for playing the participant's conference mixer is created

...

session.createStream(), play() code

When stream is created, the following parameters are passed

• streamName - name of the stream (roomName + "-" + login + roomName in this case, where login is the name of the participant)
• remoteVideo - <div> element, in which the video will be displayed
• constraints - getConstraints() code (in this case is used to specify if the played stream will have audio)

...

StreamStatusEvent PLAYING code

    conferenceStream = session.createStream({
        name: streamName,
        display: remoteVideo,
        constraints: getConstraints()
    }).on(STREAM_STATUS.PENDING, function (stream) {
        ...
    }).on(STREAM_STATUS.PLAYING, function (stream) {
        $("#preloader").hide();
        setStatus(stream.status());
        onStarted();
    }).on(STREAM_STATUS.STOPPED, function () {
        ...
    }).on(STREAM_STATUS.FAILED, function (stream) {
       ...
    });

9. Stop of playback and streaming on leaving the conference

stopStreams() code

    conferenceStream.stop();
    publishStream.stop();

...

StreamStatusEvent UNPUBLISHED code

    publishStream = session.createStream({
        name: streamName,
        display: mockLocalDisplay,
        receiveVideo: false,
        receiveAudio: false,
        constraints: getConstraints()
    ...
    }).on(STREAM_STATUS.PUBLISHING, function (publishStream) {
        ...
    }).on(STREAM_STATUS.UNPUBLISHED, function () {
        onStopped();
    }).on(STREAM_STATUS.FAILED, function (stream) {
        ...
    });

...

StreamStatusEvent STOPPED code

    conferenceStream = session.createStream({
        name: streamName,
        display: remoteVideo,
        constraints: getConstraints()...
    }).on(STREAM_STATUS.PENDING, function (stream) {
        ...
    }).on(STREAM_STATUS.PLAYING, function (stream) {
        ...
    }).on(STREAM_STATUS.STOPPED, function () {
        $("#preloader").hide();
        setStatus(STREAM_STATUS.STOPPED);
        onStopped();
    }).on(STREAM_STATUS.FAILED, function (stream) {
        ...
    });

...