Plop, Les développeurs ont donné une page web, attends ça va être plus simple je vais te la linker en totalité ici. [code]
<meta charset="utf-8"><title>Mixgum · Boilerplate</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Start your mixgum enabled app today!"><meta name="author" content="invities"><meta content="Start your mixgum enabled app today!" property="og:description"><meta content="mixgum #mixgum boilerplate" name="keywords"><meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport"><meta content="Mixgum · Boilerplate" property="og:title"><meta content="http://www.mixgum.com/bootstrap/boilerplate.html" property="og:url"><meta content="http://www.mixgum.com/bootstrap/img/og.jpg" property="og:image"><!-- HTML5 shim, for IE6-8 support of HTML5 elements --><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--><!-- Fav and touch icons --><link rel="apple-touch-icon-precomposed" sizes="144x144" href="./ico/apple-touch-icon-144-precomposed.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="./ico/apple-touch-icon-114-precomposed.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="./ico/apple-touch-icon-72-precomposed.png"><link rel="apple-touch-icon-precomposed" href="./ico/apple-touch-icon-57-precomposed.png"><link rel="shortcut icon" href="./ico/favicon.png"><meta content="#161616" name="msapplication-TileColor"><meta content=".ico/favicon.png" name="msapplication-TileImage"><!-- Le styles --><link href="http://www.mixgum.com/bootstrap/css/bootstrap.css" rel="stylesheet"><script src="http://www.gstatic.com/external_hosted/modernizr/modernizr.js"></script><style type="text/css">
body {
padding-bottom: 40px;
background-color: transparent;
padding-top: 0px;
}
body,#scene,.scene {
height: 100%;
}
</style><link href="http://www.mixgum.com/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
Facebook info...
Twitter info...
(select a room below)
<input type="text" id="roomData"><input type="submit" id="postToRoom" value="Post">
Rooms
<input type="text" id="roomName"><input type="submit" id="createRoom" value="Create room">
Friends
<!-- Le javascript
================================================== --><!-- Placed at the end of the document so the pages load faster --><script src="http://www.mixgum.com/js/checkhttploaded.js"></script><script src="http://www.mixgum.com/bootstrap/js/jquery.js"></script><script src="http://www.mixgum.com/js/bootstrap.min.js"></script><script src="http://www.mixgum.com/js/alljs.min.js"></script><script>
var friendsArray = new Array();
window.onFacebookStatus = function(p_message) {
if(p_message.content.split('redirect').length==1)
{
("#facebook").html('Compte facebook de '+p_message.content.split('title="')[1].split('"')[0]);
// On récupère la liste des amis
$mx.FillerLib.fillWith('#friends','facebook/friends','');
}
else
{
$("#facebook").html('<a href="'+p_message.content.split('url="')[1].split('"')[0]+'">Cliquez pour relier votre compte facebook</a>');
}
};
window.onTwitterStatus = function(p_message) {
if(p_message.content.split('redirect').length==1)
{
$("#twitter").html('Compte twitter ok');
}
else
{
$("#twitter").html('<a href="'+p_message.content.split('url="')[1].split('"')[0]+'">Cliquez pour relier votre compte twitter</a>');
}
};
var curRoom = null;
window.joinRoom = function(p_path) {
if(curRoom != null)
{
$mx._sendMessage(mx.Message('j_', _UNSUB, curRoom, _ALL,_BK),{context:this,fun:'onRoomData'});
}
curRoom = p_path;
mx._sendMessage(mx.Message('j_', _SUB, curRoom, _ALL,_BK),{context:this,fun:'onRoomData'});
$("#roomInput").show();
}
window.onRoomData = function(p_message) {
var data = p_message.content.split('<content'),
out = curRoom+'<br/>';
for(var i=1,j=data.length;i<j;++i)
{
out += '<div>'+data*.split('title="')[1].split('"')[0]+'</div>';
}
$("#room").html(out);
}
window.onRooms = function(p_message) {
var rooms = p_message.content.split('<content'),
out = 'Rooms<br/>';
for(var i=1,j=rooms.length;i<j;++i)
{
out += '<div><a href="javascript:window.joinRoom(\''+rooms*.split('path="')[1].split('"')[0]+'\')">'+rooms*.split('title="')[1].split('"')[0]+'</a></div>';
}
$("#rooms").html(out);
};
window.onroomcreated = function(p_message) {
$("#createRoom").attr("value","Create room");
$mx._sendMessage($mx.Message('c_', _UNSUB, 'chat_room/create_room', _ALL,''),{context:this,fun:'onroomcreated'});
};
window.ondataposted = function(p_message) {
$("#postToRoom").attr("value","Post");
$mx._sendMessage($mx.Message('p_', _UNSUB, 'chat_room/post_to_room/facebook/'+curRoom.split('my_rooms/')[1], _ALL,''),{context:this,fun:'ondataposted'});
};
var $mx;
window.onReady = function(p_id, p_mail, p_device, p_deviceId,p_devicePhoto, p_avatar) {
$mx = window.mixgum;
$mx._sendMessage($mx.Message('f_', _SUB, 'facebook/status', _ALL,_BK),{context:this,fun:'onFacebookStatus'});
$mx._sendMessage($mx.Message('t_', _SUB, 'twitter/status', _ALL,_BK),{context:this,fun:'onTwitterStatus'});
$mx._sendMessage($mx.Message('r_', _SUB, 'facebook/my_rooms', _ALL,_BK),{context:this,fun:'onRooms'});
$("#roomInput").hide();
$("#postToRoom").click(function(event) {
$("#postToRoom").attr("value","Posting...");
event.preventDefault();
$mx._sendMessage($mx.Message('p_', _SUB, 'chat_room/post_to_room/facebook/'+curRoom.split('my_rooms/')[1], _ALL,'<content title="'+$("#roomData").val()+'"/>'),{context:window,fun:'ondataposted'});
})
$("#createRoom").click(function(event) {
$("#createRoom").attr("value","Creating...");
event.preventDefault();
$mx._sendMessage($mx.Message('c_', _SUB, 'chat_room/create_room', _ALL,'<content name="'+$("#roomName").val()+'" type="facebook"/>'),{context:window,fun:'onroomcreated'});
})
};
</script>[/code] Et voilà c'est tout... -\_- Au niveau de leurs doc c'est "Regardez la page d'exemple, donc ce que je viens de linker"...