SharpTools

            How do I add video / images to a SharpTools dashboard?

            The SharpTools.io web dashboard supports a variety of images and media streams using Media tiles. 

            Media tiles include support for the following:
            • MJPG, GIF, or streaming images
            • JPG, PNG, and other static images
            • Support for periodic refresh
            • Adjustable tile size

            Create Media

            In order to use a Media tile, you must first create a Media resource.
            1. Open SharpTools.io
              • Login to your account if you are not already logged in
            2. Click the Account drop-down and select Manage Media
              • On mobile devices, this option will be available from the left navigation and choose Manage Media
            3. Click the Create Media button
            4. Enter a name for your media item
              • This will be used in lists when displaying all your media tiles. It may be helpful to describe what the media item is: eg. 7-day Weather Forecast, Baby's Crib Camera, Front Yard Cam
            5. Enter the URL to your media item
              • This should be the full path directly to the media item.
              • This will often end in a file name like .mjpg, .gif, .png, .jpg
              • On many cameras this may be a special URL ending in something like video.cgi or media.amp
              • The iSpyConnect camera database can be a helpful tool for find the right URL for your camera.
            6. Optionally, change the refresh interval 
              • The refresh interval is specified in seconds. A value of '0' disables the refresh.
              • For example, a refresh interval of 30 would refresh every 30 seconds whereas a refresh interval of 1800 would refresh every 30 minutes (1800 seconds)
              • The refresh interval is especially helpful for 'static' images (JPG, PNG) which show a new snapshot or image periodically
            7. Click Create
            Create Media Item

            At this point, your media item is created and its properties are stored in the SharpTools database. In order to use the media item on a dashboard, refer to the following section.

            Use Media in a Dashboard

            Once you have created a media tile, you'll likely want to use it in a dashboard. In order to do this, we can either modify an existing dashboard or create a new one. 
            1. Open SharpTools.io
              1. Login to your account if you are not already logged in
            2. Click the Dashboards link from the top navigation bar
              1. On mobile devices, this option will be available from the left navigation as Tiles Dashboard
            3. If you would like to use an existing dashboard, select the dashboard and skip to step 6
            4. Scroll to the bottom of the list and click the "Create Dashboard" button
            5. Enter a name for the dashboard and click Create
            6. Click the `...` menu in the bottom right-corner of the page to open the menu
            7. Select the 'Edit' option (pencil icon)
            8. Click the green `+` icon in the bottom-right corner of the screen
            9. Select your media item from the Media section of the Add Item window
              • As you click on each media item, the tile is added to your dashboard in the background
              • If you accidentally add an item more than once, you can remove it before you save the dashboard (see step 11)
            10. Optionally, select any other Things or Media items you would like to add to the dashboard and click Done
            11. If you would like to make any adjustments to the layout of the dashboard, you can drag items into different positions or tap the `...` drop-down in the top-right corner of each tile to edit it (if available) or delete it
            12. Click the orange 'save' icon in the bottom-right corner of the screen to save your dashboard changes
            Use Media Tile in Dashboard

            At this point you should have a working dashboard with your media tile on it! Check out the help site for more articles or visit the community to share your dashboard or get inspiration from the community.

            Updated: 08 May 2018 09:01 AM
            Helpful?  
            Help us to make this article better
            0 1