This demonstrates using api fields in place of user names.

demo_audio_video_simple.js

var selfEasyrtcid = "";


function connect() {
    easyrtc.setVideoDims(640,480);
    easyrtc.setRoomOccupantListener(convertListToButtons);
    easyrtc.easyApp("easyrtc.audioVideoSimple", "selfVideo", ["callerVideo"], loginSuccess, loginFailure);
 }


function clearConnectList() {
    var otherClientDiv = document.getElementById('otherClients');
    while (otherClientDiv.hasChildNodes()) {
        otherClientDiv.removeChild(otherClientDiv.lastChild);
    }
}


function convertListToButtons (roomName, data, isPrimary) {
    clearConnectList();
    var otherClientDiv = document.getElementById('otherClients');
    for(var easyrtcid in data) {
        var nameToUse = easyrtc.getRoomApiField("default", easyrtcid, "fakeUserName");
        if( !nameToUse ) continue;

        var button = document.createElement('button');
        button.onclick = function(easyrtcid) {
            return function() {
                performCall(easyrtcid);
            };
        }(easyrtcid);

        var label = document.createTextNode(nameToUse);
        button.appendChild(label);
        otherClientDiv.appendChild(button);
    }
}


function performCall(otherEasyrtcid) {
    easyrtc.hangupAll();

    var successCB = function() {};
    var failureCB = function() {};
    easyrtc.call(otherEasyrtcid, successCB, failureCB);
}

var smurfNames = [ "dopey", "sneezy", "bashful", "grumpy", "doc", "happy", "sleepy"];

function loginSuccess(easyrtcid) {
    selfEasyrtcid = easyrtcid;
    // timeout to simulate the delay in typing a name.
    setTimeout(function() {
       // pick a random name
       var name = smurfNames[ (new Date()).getTime() % smurfNames.length];
       document.getElementById("iam").innerHTML = "I am " + name;
       easyrtc.setRoomApiField("default", "fakeUserName", name);
      }, 2000);
}


function loginFailure(errorCode, message) {
    easyrtc.showError(errorCode, message);
}