Step 1: choose a project and options

The project list is fetched like this:

GET https://api.shootitlive.com/v1/projects/?client=marca&token=bca189b0bd7c66e82598f59378d4e1962df718a4
{
  "atex": [
    {
      "category": "news",
      "creator": "marca",
      "project": "1",
      "description": "Madonna coverage",
      "created": "2009-09-11"
    }
  ],
  "silp_options": {
    "ads": "true",
    "thumbnails": "true"
  }
}       

So the project selector below is populated by the JSON response.

The Thumbnails and Ads checkbox's state should be controlled by the value of silp_options.ads and silp_options.thumbnails respectively.

Example:

Step 2: getting the embed code and displaying the widget

Now request the embed code by making the same API call, but with the values of project, ads and thumbnails added in the query string.

GET https://api.shootitlive.com/v1/projects/?client=marca&token=bca189b0bd7c66e82598f59378d4e1962df718a4&project=1&ads=true&thumbnails=true
{
  "atex": [
    {
      "category": "news",
      "creator": "marca",
      "project": "1",
      "description": "Madonna coverage",
      "created": "2009-09-11"
      "embed": "..."
    }
  ]
}       

The final embed code, in the embed field, is a snippet of HTML and is put on the page where you want the Shootitlive Player.

The size of the player is determined by the parent container and acts responsively.