How to set Home Screen Timeout

This article pertains to instructions for interactive content.

  1. From your Dashboard go to [Content] -> [Presentations]
  2. Click edit next to the presentation you would like to change
  3. Click the single Cog Wheel icon titled ‘Presentation Settings’
  4. This will bring up a window with two tabs at the top. If you only see the ‘Basic’ tab, ensure that the ‘Interactive’ Checkbox is active.
  5. Click the ‘Interactive’ tab. Here, you can set how long the presentation will wait without interaction before it returns to the first page of the presentation.
  6. When you are finished click the green [Push Live] button in the top right to save your changes.

How to set Transitions between Pages

  1. From your Dashboard go to [Content] -> [Presentations]
  2. Click edit next to the presentation you would like to change
  3. On the page selector to the left, select the page you would like to edit
  4. Click the 3 Cog Wheel icon titled ‘Page Settings – Background, Colors, Fonts’
  5. This will bring up a window with three tabs at the top. Click the ‘Timings and Transitions’ tab.
  6. In this tab you can select the Transition from the drop down box. This is also where you adjust how long the page is displayed before moving onto the next page. This display time is measured in seconds.
  7. Repeat this process for each slide you would like to edit. You can set different transitions and display times for each slide this way.
  8. When you are finished click the green [Push Live] button in the top right to save your changes.

How to Auto-Play videos with Arreya

Getting videos to Auto-Play can be a lot harder than it seems. Many browsers have implemented vague and complex metrics for determining when a video can and can’t be auto-played, with or without sound, from a website and this can cause headaches when attempting to get it to work with Arreya. Here’s a few different ways:

Install Arreya as a PWA

Installing Arreya as a Progressive Web App (PWA) bypasses almost all browsers restrictions on auto-play. This is the simplest and fastest way to get your browser videos to auto-play every time. Here’s how to install a PWA on each type of device:

How to install a PWA with a Chrome OS Device

How to install a PWA with an Android Device

How to install a PWA with an iOS Device

Auto-Play with Browsers

The good news is that Chrome and most browsers allow for video auto-play without sound by default. If you want sound to play, that’s when the issue becomes more complicated. Most browsers operate off of three different metrics to allow video auto-play with sound:

  1. The user has interacted with the website (click, ect…)
  2. The user has passed a Media Engagement Index(MEI) threshold
  3. The website has been added to home screen on mobile or the PWA has been installed on desktop devices

These metrics are why we recommend the installation of the PWA first and foremost. If this is not possible the auto-play with sound becomes much more limited in possibility. On interactive signage you could put an auto-play video with sound on a second page after a user has touched the screen, thereby fulfilling the first metric of interacting with the website. Relying on the MEI is not recommended as it changes often and what might auto-play one day may not auto-play at some point in the future.

Troubleshooting

If you have Arreya installed as a PWA and you are still having issue with auto-playing videos with sound or maybe even having issues getting a video to imbed correctly, here are some steps to consider:

    1. The most reliable method of getting a video imbedded and to autoplay is by uploading the file to our Media Library in the Arreya Content Suite. This eliminates any possibility of the source of the video not having the permissions necessary to auto-play appropriately.
    2. If the video is on YouTube, use the YouTube widget. Simply ensure that auto-play is on and change any other settings to match your needs.
    3. If the video is on a different video hosting site, you can use the Website Widget to pull the video in quickly. Many sites do not have the video set to auto-play by default and additional permissions must be added in to the end of the URL in order to have it auto-play. The exact way to put these into the URL varies from site to site and you may have to Google “How to auto-play from…” depending on the site. Here are some examples from popular YouTube alternatives:
      • Vimeo: Add &autoplay=1 for auto-play and &loop=1 to loop. An example URL might look like:
        https://player.vimeo.com/video/EXAMPLE?color=bc1c37&portrait=0&autoplay=1&loop=1
      • MyVRSpot: Add &autostart=true for autoplay and &loop=true to loop the video. An example URL might look like :
        https://live.myvrspot.com/iframe?v=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&autostart=true&loop=true

Adding Videos to your Arreya Presentation

  1. Upload your Video file to the Media Library (see here)
  2. In your Presentation, click on 
  3. In your “Choose Media” screen, select the Video file you want to add
  4. Move the video to where you are wanting it to appear in your presentation
  5. Modify the picture however you are wanting using the controls on the bottom of the Editor

Adding Images to your Arreya Presentation

  1. Login to your Arreya Channel Dashboard at [yourchannel].arreya.com/login
  2. If you have not already, upload your Image file to the Media Library. Instructions for how to upload images to the media library can be found here.
  3. Using the top navigation bar at the dashboard, go to [Content] -> [Presentations]. From here, select the presentation you would like to add your image to using the green edit icon.
  4. In your Presentation, click on 
  5. In your “Choose Media” screen, select the Image file you want to add. 
  6. Move the picture to where you are wanting it to appear in your presentation
  7. Modify the picture however you are wanting using the controls on the bottom of the Editor