PubNub + jQTouch!

What is PubNub?

PubNub = communication between browser and mobile. Mobile to Mobile, Browser to Browser, Mobile to Browser. PubNub is a Push Service with a simple API. TWO FUNCTIONS: Publish() & Subscribe()

How does PubNub and jQTouch work together?

We combined jQTouch and PubNub to create a page that reacts to an Orientation Event. When this event fires, a Publish() push notification sends the Orientation Delta. Any listening device will receive this Orientation Delta and check if its own Orientation matches.

Thanks to jQTouch for the Orientation Event. This page was created with a few lines of javascript.

// Overlay (div)
var over = $('#over');

// ====================
// STEP 1: SUBSCRIBE()
// ====================

// Listen for updates on 'jqtouch' channel.
$.PUBNUB.subscribe( { channel : 'jqtouch' }, function(message) {

    // Get Orientation on Local and Remote Device
    var local_orientation  = jQT.getOrientation()
    ,   remote_orientation = message.orientation;

    // Indicate Not Same Orientation (Show or Hide div#over)
    if (local_orientation != remote_orientation) over.show();
    else over.hide();

    // Console Debug
    console.log({
        local_orientation  : local_orientation,
        remote_orientation : remote_orientation,
        message            : message
    });

} ); // -- end Subscribe()

// ====================
// STEP 2: PUBLISH()
// ====================

// Orientation callback event
$('body').bind( 'turn', function( e, data ) {

    // Send update to 'jqtouch' channel.
    $.PUBNUB.publish({
        channel : 'jqtouch',
        message : { orientation : data.orientation }
    }); // -- end Publish()

}); // -- end Orientation Event Bind