ActionTiles Support & Ideas Forum

Public Forum for ActionTiles Customers. Please use the Search Box and carefully browse the results to look for existing relevant Topics before opening a new Topic or Private Helpdesk Ticket.

0
Discuss

SSL certificate for iframe over https on local network

DanielW 4 years ago in Media Tiles / Website Views updated by Luca Giuntini 2 weeks ago 6

Hi,

Is there a way to load a certificate into the Android Webview (I think) that displays each iframe ActionTile?

I've been doing a lot of yak shaving on this one.

Main goal: run my own local python webservice to display some content (anything; weather, notes, whatever - this is a bit of a fun task to play with)

I note that the iframe will only work if it is an https url not an http url. (Is there a way to disable this for local network addresses so I can avoid all of this faff?)

So, I enable ssl in my python Flask service - and the tile now displays a security error, as I don't have a ceritifcate.

After a LOT of faff because I don't know what I am doing, I have now successfully made a certificate, and installed it on both my Windows machine (successfully displaying my locally hosted page with no security errors; on Chrome and Internet Explorer).

I have also successfully installed the certificate on my Fire tablet, so that the Silk browser can successfully load my page without complaint.

So my certificate clear works, or at least works to a decent extent.

However, the ActionTiles iframe still says there is an ssl error when I load the panel.

Questions:
1) Is it possible to get better information on this error?
2) Is it possible to install the certificate so that ActionTiles app can actually use it? How?
3) Can I just avoid this all together by using http instead of https somehow?

Or, scrap this entire idea, does anyone else have a better method of having locally generated content shoved into a tile?

Thanks for any help,

Daniel

Android Fire
+12
Discuss & Vote

Using VLC transcode Video RTSP stream to MJPEG

Brent Thomas 6 years ago in Media Tiles / Video Camera Feeds updated by Rutherford Le Blang 4 weeks ago 21

I posted this for another user but though I would create a topic on how I was able to access my Samsung SNH-v6410PN camera feed in action tiles using VLC.  There are a lot of variations when setting this up so this is not comprehensive to cover every camera type but hopefully it gets you most of the way there.s


To do this through VLC with my Samsung camera I took the following steps.  Before proceeding identify the url for you cameras RTSP stream - Great database to find this: 


1. Make sure you can access your cameras RTSP stream from a browser.   In the case of my samsung camera I accessed the RTSP stream with this path, rtsp://user:password@192.168.1.72/profile5/media.smp (Make sure to replace with the RTSP format for your camera (it will vary).   Note:  If camera is user/password protected you may not be able to pass the user:password in the URL when trying to access the feed.   This depends on the browser you are using.  Chrome and fully do not allow them to passed so simply enter the URL as shown below and then you should be prompted for the user name and password.  Firefox should work ok with the user:pass being passed within the URL as shown above.


2. Install VLC (im using version 2.2.8) and access VLC command line. To do this from windows open up Windows CMD prompt as administrator and navigate to you VLC directory path below.  Note:  Some VLC versions are buggy with trans-coding so thats why I reference the version of VLC I am using to do this successfully.

C:\>cd Program Files (x86)

C:\Program Files (x86)>cd VideoLAN

C:\Program Files (x86)\VideoLAN>cd VLC

C:\Program Files (x86)\VideoLAN\VLC>


3. Once there enter the command string shown below and REPLACE the part highlighted in bold with your cameras RTSP stream link.  Note: you only need to enter the user:password part of the string if you have assigned the camera a user name and password logon.  Also replace the IP address with your IP address.    After you press enter if you dont receive any errors go to step 4.


vlc.exe -R rtsp://user:password@192.168.1.72/profile5/media.smp --sout

"#transcode{vcodec=mjpg,vb=2500,scale=1.0,fps=10,acodec=none}:standard{access=http{mime=multipart/x-mixed-replace; boundary=7b3cc56e5f51db803f790dad720ed50a},mux=mpjpeg,dst=:8888/videostream.cgi}


4.  Change the IP address below to the IP of the PC running VLC that is doing the transcoding.  Try to access the stream from a web browser or action tiles (only will work on your local network).    If camera is user/password protected you may not be able to pass the user:password in the URL when trying to access the feed, this depends on the browser you are using.  Chrome and fully do not allow them to passed so simply enter the URL as shown below and then you should be prompted for the user name and password. http://192.168.1.119:8888/videostream.cgi


5.  If all is successful grab yourself a Beer and celebrate :)


Hope this helps

+3
Discuss & Vote

Images on media tiles are not loading

sk108 4 years ago in Media Tiles / Images updated by adamph 2 months ago 41 2 duplicates

Images on media tiles are not loading on Google Chrome browser on PC, however they load on the phone browser. When I try to edit those "Media" tiles, it says "Enter valid URL". Please note that the URL is valid and that media tile is showing correctly on the Android phone browser (Google Chrome). It is happening with all media tiles on the PC browser. It used to work fine till last week on PC as well as on phone. Please help, thanks in advance.

Answer

All of the issues serving video streams and images are due to browsers and operating systems enforcing Mixed Content policies.

Mixed content refers to a situation that arises when a secure (HTTPS) webpage contains elements, such as video streams or images that are loaded using an insecure (HTTP) connection.

More and more web browsers enforce strict security policies to protect users' data and privacy. When a secure webpage includes insecure content, it poses a risk and compromises the integrity and security of the entire webpage.

To mitigate this risk, modern browsers typically block mixed content by default. They either prevent the insecure content from loading or display a warning to the user. To maintain a secure browsing experience, it's important to ensure that all elements on a secure webpage are loaded using secure (HTTPS) connections. This can be achieved by updating the resource URLs to use HTTPS or by hosting the resources on secure servers.

ActionTiles does not host or process your local video streams and images. It is impossible for ActionTiles to upgrade connections to HTTPS.

ActionTiles cannot affect the browser and operating system and relies on them to display the content. There's absolutely nothing that ActionTiles can do to make the browser display content that the browser does not allow.

The Mixed Content limitation that is now imposed by modern browsers is not an issue that's unique to ActionTiles. Every web page and Progressive Web App is affected by this.

There are two ways to resolve this issue:

  • Serve content over HTTPS.
  • Configure the browser to allow mixed content. There are several issues with this option, since some browsers do not have this configuration or ignore it.
0
Fix in Progress

Media Tile Generator Issue

sean2a 2 months ago in Media Tiles / Media Tile Generator (MTG by JGG) updated by Alex (ActionTiles) (Co-Founder) 2 months ago 1

I noticed this morning that my weather, news and calendar tiles are all not loading. I have tried it on different platforms with the same result. Does anyone know if this is a widespread issue or what the solution could be?

Thanks

+13
Discuss

Share your favorite Weather Media Tiles?

Den 7 years ago in Media Tiles / Weather & Traffic updated by WillPierson 2 months ago 209



This national weather radar is so far my most useful Media Tile. I configured it for 3x2 tile size. Someday I intend to have a front door camera Media Tile.

Answer
  • If the image in a Post has been placed with a full URL link to the original; just right-click and choose "Copy image address."
  • There might be enough clues in the address to find the source website so you can find variations, such as local weather.
  • When posting, if you used the "<>" (HTML edit feature) to surround the URL of the image source with <pre> and </pre>, then the URL will be show in text instead of the image ... or try the "Code" Formatting option (under the paragraph symbol ¶).

+7
Discuss

Please List your Camera brand here if you got it working

MrMilu 7 years ago in Media Tiles / Video Camera Feeds updated by Cornelius Wiebe 4 months ago 126

Since the rtsp support seems to be on hold for now I had to return the second camera I ordered on Amazon. But I managed to make one of my old camera work.


PLEASE list the exact brand for your camera here if you can confirm it works for you. This will help others with the new purchases.


Please list the http mask (URL format) you used.


Amazon purchase link also very much appreciated.


Feel free to add sreenshots to your camera tile too.

Android
+3

Current outside temperature or sensor that works with smartthings

Clint 7 months ago in Media Tiles / Weather & Traffic updated by Steve Campbell 7 months ago 1

I am looking for a tile for just the current outside temperature. I do not want a multiday tile, just a super basic current outside temperature. I am also fine with buying a sensor that I can mount outside that will work with smartthings

0
Closed: Duplicate Issue

Snap feeds no longer working

Aaron Perez 10 months ago in Media Tiles / Video Camera Feeds updated by Alex (ActionTiles) (Co-Founder) 10 months ago 1

I have used AT for years with minimal issues. I am running AT on a Fire Tablet that updated to OS 7.3.2.7 last night and I lost my Ubiquiti snap feeds. I am running the Action Tiles app v6.22.08 How can we get the feeds restored and is using snaps the optimal method with Ubiquiti still? I have searched this forum with little luck locating suggestions that work. URL for Video feed still works on the same Fire Browser, my iPhones, all our IOS and windows PCs. Any suggestions to get it working through AT? 

Fire
0
Closed: Duplicate Issue

HTTP on media tile no longer working (HTTPS still works)

adamph 1 year ago in Media Tiles updated by Alex (ActionTiles) (Co-Founder) 10 months ago 11

Was the platform recently updated? I have internally hosted items on my panel (limited to http instead of https) and noticed today the http protocol items no longer show up.

0

Custom stock ticker tile (or any Google Sheets data)

Hank Scorpio 3 years ago in Media Tiles / Images updated 11 months ago 3

I spent some time this week trying to figure out how to add stock data as a media tile and thought I'd share what I learned. There are a few steps involved and it's not as simple as I initially hoped, but it's also pretty flexible and could easily be expanded to other uses. Essentially, this can turn any Google Sheet into a media tile, so it can be used for much more than stock data.

Image 5640

Background


This started by wanting to display stock tickers as a media tile. I first came across a great post on being able to turning any json data into a badge, but this had the limitation of only being able to display one piece of data. I wanted to be able to display a few different tickers in one tile.

https://support.actiontiles.com/en/communities/12/topics/2707-live-traffic-travel-time-tile-image-from-query-text-using-shieldsio

(As an aside, Google provides instructions for getting JSON feeds from spreadsheet data: https://developers.google.com/gdata/samples/spreadsheet_sample)

I also came across this post explaining how to create a media tile from a stock chart, but that also wasn't quite what I wanted: https://support.actiontiles.com/en/communities/12/topics/3014-stock-ticker-tile

Part 1 - Create a public link to Google Sheets data


Example spreadsheet - https://docs.google.com/spreadsheets/d/1Id-49n-MnAG6MpzrI3WKAuXXaosg7WVR6PFBIhh8ryY/edit#gid=0

First create a spreadsheet that contains whatever information will be displayed in the tile and share it (File->Share) so it doesn't require a login to view. Then take the spreadsheet ID (the long string in that URL) and sheet ID (the part after gid=) from the link to that sheet and insert them into this link below. You can also specify a range of cells if you only want to use a portion of the sheet. (Reference)


https://docs.google.com/spreadsheets/d/SpreadsheedID/pubhtml?single=true&gid=SheetID&range=D15:E15&widget=false&chrome=false&headers=false

For this example, the link is:

https://docs.google.com/spreadsheets/d/1Id-49n-MnAG6MpzrI3WKAuXXaosg7WVR6PFBIhh8ryY/htmlembed?single=true&gid=0&range=A2:C5&widget=false&chrome=false&headers=false

This link can be used to create an iFrame tile under "My Shortcuts" in ActionTiles and you can stop here if that's all you need. The main shortcoming is that shortcut tiles don't auto update until you refresh the browser. You'll also need to adjust the width and height of the cells so that it fits well into the tile. 


If you want the tile to update without refreshing the browser and adjust its size automatically to fit the cell, then it needs to be turned into an image that can be used for a media tile which has a refresh rate.

Part 2a - create an image to be used as a media tiles

    This part requires running a couple command line tools on a Linux server. I have a Raspberry Pi set up that I use for this.

    The first tool is wkhtmltoimage which converts any webpage to an image. This supports creating svg, jpg, bmp, or png images. I found that svg is the best quality. The command is:


    wkhtmltoimage --crop-w 224 --crop-h 112 --height 1024 "$imgURL" $outFile.svg


    crop-w - the width of the spreadsheet range

    crop-h - the height of the spreadsheet range

    height - this just needs to be larger than crop-h. I found that the default value used was too small

    imgURL - the public link to the spreadsheet URL

    outFile - where the resulting image is stored

    Here is the command I use for this example which outputs the image in a file called stock_example.svg

    wkhtmltoimage --crop-w 224 --crop-h 112 --height 1024 "https://docs.google.com/spreadsheets/d/1Id-49n-MnAG6MpzrI3WKAuXXaosg7WVR6PFBIhh8ryY/htmlembed?single=true&gid=0&range=A2:C5&widget=false&chrome=false&headers=false" stock_example.svg

    Part 2b - Create a link to the image


    Now I use rclone to add the image to my Google Drive, but this also supports other services like Dropbox and Amazon Drive. (If you have your own web server, you could also just copy the file there and not worry about using rclone.) The command for rclone is:

    rclone copy <outFile> <driveName>:<folder>


    outFile - the path to the image that was created in the last step

    driveName - this should be the name of the drive you set up when configuring rclone

    folder - the name of the folder on my Google Drive where the image gets saved

    For this example (with a drive gdrive and folder ActionTiles) the command is:


    rclone copy stock_example.svg gdrive:ActionTiles


    Part 2c - Automatic updates


    Note: Here I explain how to share the image using Google Drive, but this could also be done with any service that rclone supports like Dropbox or Amazon Drive.


    The last step is to automate all of this so that the data is updated periodically. To do that, I put the wkhtmltoimage and rclone commands into a script called updateStocks.sh and then set up a cron job to run at the desired interval. Here's my cron entry which runs every 10 minutes while the market is open (9-4 Mon-Fri)

    */10 9-16 * * 1-5 /home/pi/actiontiles/updateStocks.sh

    Then in Google Drive, you need to share the image publicly and you'll get a link like this:


    https://drive.google.com/file/d/15bxoWJeH4fbyzUz9G44I72Tly4nE0fkt/view?usp=sharing


    The direct link to the image takes the below format, inserting the proper ID:

    https://drive.google.com/uc?id=IMG_ID

    So in this example the direct link to the image is:

    https://drive.google.com/uc?id=15bxoWJeH4fbyzUz9G44I72Tly4nE0fkt

    Then in ActionTiles, use that link for a media tile and set the refresh 600 seconds (or whatever refresh rate you prefer).

    Some final notes

    • One of the coolest parts of this is that any changes you make to the spreadsheet (values, colors, size, etc.) will automatically show up in ActionTiles. No extra steps are needed after the initial configuration.
    • The width and height of the cells in your spreadsheet should be modified so that they fit nicely in a tile
    • I also made the background color of my cells match the color used by the ActionTiles theme
    • When generating the .svg image, thin cell borders are added. I haven't found a way to get rid of this
    • wkhtmltoimage seems to cache the site. Sometimes it takes a few minutes after updating the spreadsheet before the image produced from this tool is updated

    If you made it this far, thanks for reading. Please comment if you have any questions or come up with other ideas of how to use Google Sheets to create interesting tiles!

    +1
    Discuss & Vote

    SmartThings weather tile doesn’t update info

    Daniele 1 year ago in Media Tiles / Weather & Traffic updated by Alex (ActionTiles) (Co-Founder) 11 months ago 24

    Hi all I’m new on AT and I have an issue with the SmartThings Weather. I have created the Simulated switch as per procedure but the data in AT are not update as you can see in the image. Any suggestion on how to fix it? Thanks

    Image 6855

    iOS
    Answer

    While a SmartWeather Station Tiles is displayed, ActionTiles pulls the latest data from SmartThings every 30 minutes and issues the update command.

    If SmartThings fails to update or provide accurate data, there's nothing else that could be done from our side. 

    +1
    Discuss & Vote

    Enter valid url with ActionTile on Fire HD

    admoyer1 12 months ago in Media Tiles / Video Camera Feeds updated by Alex (ActionTiles) (Co-Founder) 12 months ago 1

    I've been using Fully and ActionTile on my Fire HD with TinyCam Pro for several years flawlessly and over the past month the video tiles stopped working and I get the "Enter Valid URL" message on Fire HD within my Fully browser.  If I go into my ActionTile via my desktop all urls work properly and display.  If I plug properly in the url into a browser on my FIre HD, it works properly.  When I enter my panels to edit through Fully browser, I get the "Enter valid url".  I've attempted to reenter the http://xxxx.xxx.x.xx:8083/axis-cgi/mjpg/video.cgi?camera=1&user=xxxxx&pwd=xxxxxx in the Media tiles with no avail.  The only changes would have been OS and Fully updates.

    I've searched the threads and didn't see anything listed as new issues.  I've read through and all recommended settings and configurations are set as recommended.

    Thanks,

    Andy

    Fire
    0
    Discuss & Vote

    Cant get my weather widget to update

    William Meringolo 1 year ago in Media Tiles / Weather & Traffic updated by Alex (ActionTiles) (Co-Founder) 1 year ago 1

    I know i must be doing something wrong but for the life of me can't figure it out

    this is the widget

    https://w.bookcdn.com/weather/picture/3_632_0_1_137AE9_250_ffffff_333333_08488D_1_ffffff_333333_0_6.png

    0

    EZVIZ Cameras

    DOWNSOUTH407 4 years ago in Media Tiles / Video Camera Feeds updated by TheLAD 1 year ago 3

    I have an EZVIZ C1C wireless camera and a EZVIZ X5C NVR. I am trying to get the live camera feeds to display in actiontiles. I am new to this and can't seem to figure it out. 

    0

    Lagging cameras

    Bendert 1 year ago in Media Tiles / Video Camera Feeds 0

    Hello everyone,

    my camera's are very laggy. Time is jumping two seconds and a lot of other problems. 

    Running actiontiles on a Lenovo tablet. Three reolink onvif camera's running on tinycam pro. 

    Does someone has a solution??

    Android
    +5
    Fixed

    Weather Tile not working

    DaveJake 1 year ago in Media Tiles / Weather & Traffic updated by Alex (ActionTiles) (Co-Founder) 1 year ago 14

    The Weather Tile - linked to the SmartThings Weather app is not working since the migration.  Is there a fix coming?

    +18
    Answered: Discussion Open

    Weather Tile widget generation from theweather.com

    JB Bentz 6 years ago in Media Tiles / Weather & Traffic updated by Dan Jarvis 1 year ago 32

    I found a new resource that could come in handy for AT.  It's a weather widget that can generate an image, rather than just html.  Its fully customization, and may work for other tile sizes.  I just started screwing around with it. check it out:

    Image 1897The source can be found here - https://www.theweather.com/widget/

    +11
    Answered: Discussion Open

    tinyCam Pro Android App web server: Stream RTSP and Wyze Cam to ActionTiles!

    Geewiz 6 years ago in Media Tiles / Video Camera Feeds updated by Matt Pierson 1 year ago 154

    After attempting to stream using Blue Iris (CPU on the server went through the roof), and not having any success using some of the other methods found here on the forum, I decided to give tinyCam a try.   


    There was another post that made a passing reference to the tinyCam webserver, so I installed the app on my Nexus 9, setup webserver and am now able to stream one of my outside security cams to a media tile.


    Image 2040


    Here's the media setup panel...


    Image 2041


    The problem I'm having is that I can't seem to address any of the other three cameras.  There is supposedly a parameter to select a camera, but it's not working for me.   Here's the request parameters from the Tinycam webserver API...


    Perhaps there are others using tinyCam Pro Webserver that might share their experiences...

    Android
    Answer

    Demo / Tutorial Videos:


    Our friend at TaylorTech (vlog) has added 2 YouTube tutorial/demo videos for this Topic:

    Part 1:

    Part 2:


    0
    Answered: Discussion Open

    Weather forcast tile?

    Steve Laminack 5 years ago in Media Tiles / Weather & Traffic updated by GregW 1 year ago 3

    I want to add a weather forecast tile but I am new to AT and really don't know where to start. What is the best place to look and find details on how to do this?

    Android Fire Windows
    Answer

    Here is a super helpful video:

    It covers:

    1. Finding a weather forecast / radar image for using in a Media Tile
    2. and MTG (jggdev) Media Tile Generator (Media Tile Generator (MTG jggdev): Weather, Calendar, News)

    +11
    Discuss & Vote

    Sticky Note (or simple text) Tile?

    NoWon 7 years ago in Media Tiles updated by Lockehaven 2 years ago 6

    Anyway for you to add a sticky note tile in the future?