Futurecom InstaScreen

Displays an Instagram feed for a specific user. We built it as a fullscreen web app for a vertical mounted tv screen. It is kind of responsive (landscape/portrait), but still depends on a certain aspect ratio (16/9 or 16/10).

Have fun

Demo

• Live Demo: http://futurecom.github.io/InstaScreen/

Usage

config.js

All the important variables are stored in the config.js file.

data.json

API calls are stored in a data.json file as an Array of calls. Every api call has a set of settings (see below).

API Endpoint URL

apiEndpoint Insert the instagram api endpoint call here. list of endpoints can be found here: http://instagram.com/developer/endpoints/ Tested endpoint calls:

• /users/self/feed
• /users/self/media/liked
• /users/{userid}/media/recent
• /tags/{tagname}/media/recent
• /locations/{locationid}/media/recent
• /media/popular

Blacklisting

blacklistTags Array of tags to block images from adding to the stream. For example: ["sith", "empire", "vader"]

[] = no Blacklisting

Sub filtering

filterTags Array of tags to sub filter the stream. Needs to match one or more tags for adding the image to the stream. If the array is empty then the filter is ignored. For example: ["luke", "yoda", "hansolo"]

[] = no Subfiltering

Tag number filtering

maxTagNumber Max number of tags prevents tag spaming/bombing to sort out unrelated pictures.

-1 = unlimited tags

Geo Fence

geoFenceFilters Filters out images that are outside of the targeted area. TL: Top Left Coordinate in Latitude/Longitude BR: Top Left Coordinate in Latitude/Longitude

[] = no filter

JSON Example

[
    {
        "apiEndpoint": "/tags/catsofinstagram/media/recent",
        "maxTagNumber": 20,
        "filterTags": ["kitten", "cute"],
        "blacklistTags": ["dog","dogs"],
        "geoFenceFilters": [{
			"TL": {
				"latitude": 48.500000,
				"longitude": 5.00000
			},
			"BR": {
				"latitude": 45.000000,
				"longitude": 12.00000
			}
		}]
    },
    {...}
]

LESS Compiler

To compile LESS into CSS you need to install the Less Compiler.
Download here: http://lesscss.org/

Install LESS

$ npm install -g less

Compile LESS to CSS

$ lessc -x main.less main.css

License

Copyright (c) 2014 Futurecom interactive

Licensed under the MIT License.