How to show a video input or live TV in your presentation

In this article we will cover how to insert a video input or live TV into your Arreya digital signage content. Video inputs work at the device level, and will require hardware for each media player.

What you will need

  • Supported media player (Chromebox, Chrome OS flex, etc.)
  • USB capture card that supports generic webcam driver
  • Video source (cable box, video camera, dvd player, etc.)
  • Arreya webcam widget

Hardware setup

  1. Connect your capture card to the USB port on your Chromebox
  2. Connect your video source to the capture card
  3. Insert the Webcam widget in your Arreya presentation, use the video input option. How to use the Webcam Widget

 

How to use the Webcam Widget

Arreya’s webcam widget is a useful tool for users who want to display live webcam feeds. In this article, we will walk through how to use the webcam widget, and at the bottom of the page, you’ll find our full YouTube video, which also walks through the process of using the webcam widget.

 

Getting Started

First, log in to your Arreya channel. In your dashboard, click the Content menu at the top of the page, and then click presentations. Next, click “widgets” on the top menu bar, then click “webcam.”

Webcam Widget Settings

 

 

 

 

 

 

 

 

 

The top section shows a preview of how the widget will appear before inserting it into the presentation. Below the preview, you will find the widget settings. First choose to either display the widget using your Webcam URL or by using a Live Input with the Widget format dropdown.

Using Webcam URL

When using the Webcam URL, first enter the stream URL for your webcam or IP camera. Use the [Refresh Time] field to choose how often the webcam feed will refresh. Click the [Scaling] toggle to choose sizing options. Click [Fill] to have the feed fill the previously selected sizing, or click [Fit] to have the feed stay in its original aspect ratio.

Using Live Input

 

 

 

 

 

 

 

 

 

When using a Live Input use the “Scaling” toggle to choose sizing options. Click “Fill” to have the live input fill the previously selected sizing, or click “Fit” to have the live input stay in its original aspect ratio. Use the “Enable Video” toggle to display video for the live input. Use the “Video Input” field to choose which video input to use. The webcam widget will automatically choose the device’s default video input. Use the “Enable Audio” toggle to play audio for the live input. Use the “Audio Input” field to choose which audio input to use. The webcam widget will automatically choose the device’s default audio input. Lastly, use the “Volume” field to choose the volume of the audio.

For more detailed information on setting up live input, including required hardware, CLICK HERE.

Final Steps

When you are finished with the widget settings, click the “OK” Button to add the Webcam widget to your page. Drag the widget to move it, or use the bounding box to resize it. Click the purple brush icon below the widget to open the Style settings. In the Style settings you have options for color, transparency, borders, shadows and more. When finished click OK. If you want to adjust the widget settings after adding it to the page, Click the purple Gear icon below the widget to open the Settings menu. If you need additional Webcam widgets, you can add additional widgets from the ‘Widgets’ menu and repeat these steps. When you are finished, click the Green “Push Live” button to update your presentation.

 

 

Embedding an Office 365 PowerPoint Presentation into Arreya

Embedding an Office 365 PowerPoint Presentation into Arreya:

 

  1. Start by opening your PowerPoint presentation.
  2. In the File menu, choose [Share] > [Embed] 
  3. Click [Generate] if prompted. 
  4. In the embed preview, check the box under the Interaction drop-down if you wish to have the slides autoadvance. Your presentation will only automatically advance through the slides if you have configured the autoadvance settings.
  5. In the Embed Code text field, select the URL in between the src=” and the next without the quotation marks. In the example below, the URL you need to copy would be https://onedrive.live.com/embed?cid=FDB6F77D1468518C&resid=FDB6F77D1468518C%21187&authkey=AJKqrm38QwNLfII&em=2&wdAr=1.7777777777777777&wdEaa=1

  6. Next, in your Arreya presentation, choose the Website widget from the Widgets drop down  
  7. Paste the URL into the URL field of the website widget dialog box. Click OK to add the widget to your presentation. 
  8. The widget can now be moved, resized, or edited just like any other widget
    1. Click and drag the center of the widget to move the widget
    2. Click and drag an edge or corner to resize the widget 

How to use the Translate Widget

 

  1. From your Dashboard go to [Content] then [Presentations]
  2. Select the green [Edit] button on the desired presentation
  3. Select [Translate] from the [Widgets] drop down menu
  4. In the ‘Language’ drop down you can select the language you would like your signage translated to. In the ‘Text’ field you can edit the button text that will display on the touch point.
  5. Click [OK] once finished to insert the new Translate touch point.
  6. Remember: This only creates a touch point for that one language. You should include a button for English as well so that it can be returned to the original language if necessary.
  7. Remember to save your changes by pushing the green [Push Live] button in the top right of the editor

How to Embed a Livestream with the Streaming Widget

 

The streaming widget is primarily for direct HLS feeds from an encoder. Displaying a stream that is hosted on a website is best done by using the Website Widget. You can find details on how to accomplish this here: For security reasons the HLS URL generated by the encoder needs to be HTTPS with a valid security certificate. Many encoders do not support this. We recommend products from this page:

  1. From your Dashboard go to [Content] -> [Presentations]
  2. Click [Widgets] near the top left and click [Streaming] from the drop-down
  3. Paste the HLS URL into the “URL or Text” field
  4. Configure the settings below how you would like best
    1. Enabling Controls will allow a user to pause, adjust volume, or skip around in the video/livestream if available
    2. Autoplay will play the video automatically upon the slide becoming active
    3. Loop being enabled will loop the video/livestream if applicable
    4. Mute will prevent the video/livestream from having sound unless unmuted by a user
    5. The volume slider will set the default volume for the video/livestream
  5. Click [OK] and you should now have a video player that you can resize or adjust the style