Once the color chip below is no longer black, this page has become a Second Screen Host!

To connect and communicate with this page, open a native application integrated with the Second Screen SDKs on your favorite device to turn it into a Second Screen Client!

Download this example.

This example demonstrates how the Second Screen Host can pass a controller schema that defines design & layout to the Second Screen Client running on a mobile device! The controller schema is parsed by the Second Screen SDK and elements are rendered natively in the application on the device.

Here's the schema used for this example:

 {
    orientation:  'portrait',
    layout:[{
      type:       'image',
      src:        'images/background.png',
      x:          0,
      y:          0,
      width:      320,
      height:     480
    }, {
      type:       'button',
      id:         'pushButton',
      srcUp:      'images/button-up.png',
      srcDown:    'images/button-down.png',
      x:          (320-160)/2-3,
      y:          (480-160)/2,
      width:      160,
      height:     160
    }]
  }

Connect more devices and have some fun!