Kickstart Guide kickstart-guide

The kickstart to AEM Screens demonstrates how to set up and run an AEM Screens project. It walks you through setting up a basic digital signage experience and adding content such as assets and/or videos to each channel and further publishing the content to an AEM Screens Player.

NOTE
Before working on the project details, make sure you have installed the latest Feature Pack for AEM Screens. You can download the latest Feature Pack from the Software Distribution Portal using your Adobe ID.

Prerequisites prerequisites

Follow the steps below to create a sample project for AEM Screens and further publish content to the Screens player.

NOTE
The following tutorial showcases playing the contents of your channel in a Chrome OS player.
IMPORTANT
OSGi Configuration Settings
You must enable the empty referrer to allow the device to post data to the server. For example, if the empty referrer property is disabled, the device cannot post a screenshot back. Currently some of these features are only available if the Apache Sling Referrer Filter Allow Empty is enabled in the OSGi Configuration. The dashboard may display a warning that security settings may prevent some of these features from working.
Follow the steps below to enable the Apache Sling Referrer Filter Allow Empty:

Allow Empty Referrer Requests allow-empty-referrer-requests

  1. Navigate to Adobe Experience Manager Web Console Configuration by way of AEM instance > hammer icon > Operations > Web Console.

    image

  2. Adobe Experience Manager Web Console Configuration opens. Search for sling referrer.

    For searching the sling referrer property, press Command+F for Mac and Control+F for Windows.

  3. Check the Allow Empty option, as shown in the figure below.

    image

  4. Click Save to enable the Apache Sling Referrer Filter Allow Empty.

Creating a Digital Signage Experience in 5 minutes creating-a-digital-signage-experience-in-minutes

Creating an AEM Screens Project creating-project

The first step is to create an AEM Screens project.

  1. Navigate to your Adobe Experience Manager (AEM) instance and click Screens. Alternatively, you can navigate directly from https://localhost:4502/screens.html/content/screens](https://localhost:4502/screens.html/content/screens.

  2. Click Create Screens Project so you can create a Screens project.

  3. Enter the title as DemoScreens, then click Save.

    image

    note note
    NOTE
    After you create the project, it brings you back to the AEM Screens Project home page. You can now click your project. In a project, there are five different folders titled Applications, Channels, Devices, Locations, and Schedules.

Creating a Channel creating-channel

After you have created your AEM Screens project, create a channel where you manage the content.

Follow the steps below to create a channel for your project:

  1. After you create a project, click the DemoScreens project and click the Channels folder, as shown in the figure below. Click + Create from the action bar.

    image

  2. Choose the Sequence Channel from the wizard and click Next.
    image

  3. Enter the Title as TestChannel and click Create.

    image

    The TestChannel is now added to your channels folder, as shown in the figure below.

    image

Adding Content to a Channel adding-content

When you have your channel in place, add content to your channel that AEM Screens Player can display.

Follow the steps below to add content to the channel (TestChannel) in your project:

  1. Navigate to the DemoProject you created and click the TestChannel from the Channels folder.

  2. Click Edit from the action bar (see the figure below). The editor for the TestChannel opens.

    image

  3. Click the icon that toggles the side panel on the left-hand side of the action bar to open the assets and components.

  4. Drag and drop the components you want to add to your channel.

    image

Creating a Location creating-location

When you have your channel in place, create a location.

NOTE
Locations compartmentalize your various digital signage experiences and contains the configurations of the displays according to where the various screens are.

Follow the steps below to create a location for your project:

  1. Navigate to the DemoProject you created and click the Locations folder.
  2. Click + Create from the action bar.
  3. Click Location from the wizard and click Next.
  4. Enter the Name for your location (enter the title as TestLocation) and click Create.

The TestLocation is created and added to your Locations folder.

Creating a Display for Location creating-display

When you have created a location, create a display for your location.

NOTE
Display represents the digital experience that run on one or multiple screens.
  1. Navigate to the TestLocation and click it.

  2. Click Create from the action bar.

    image

  3. Click Display from the Create wizard and click Next.

    image

  4. Enter the Title as LobbyDisplay and click Create.

    image

    A new display titled as TestDisplay is now added to your location TestLocation, as shown in the figure below.

    image

Assigning a Channel assigning-channel

When the project setup is complete, assign the channel to a display to view the content.

  1. Navigate to the required display from DemoScreens > Locations > TestLocation > LobbyDisplay.

  2. Click Assign Channel from the action bar.

    image

    Or,

    Click Dashboard from the action bar and click +Assign Channel from the ASSIGNED CHANNELS & SCHEDULES panel.

    image

  3. The Channel Assignment dialog box opens.

  4. From the Settings option, choose the channel by path and Supported Events such as Initial Load and Idle Screen.

    note note
    NOTE
    The Channel Role, Priority, and Interruption Methods are all populated by default. See the Channel Properties section for more information about channel assignment properties.

    image

    Also, you can click the Activation Window and Recurrence Schedule.

    note note
    NOTE
    The Recurrence Schedule lets you set a recurring schedule for your channel. You can set up multiple recurrence schedules for a channel.
    See Recurrence Schedule for more details.
  5. Click Save once you have configured your preferences.

Registering a Device and Assigning Device to a Display registering-device

Register your device using the AEM dashboard.

IMPORTANT
Chrome OS player can be installed as a Chrome browser plugin in developer mode without requiring an actual Chrome Player device. For installation, follow the steps below:
  1. Click here to download the latest Chrome Player.
  2. Unzip and save it on disk.
  3. Open the Chrome browser and click Extensions from the menu or directly navigate to chrome://extensions.
  4. Switch on the Developer mode from the top-right corner.
  5. Click Load Unpacked from the top-left corner and load unzipped Chrome Player.
  6. Check AEM Screens Chrome Player plugin if it is available in the list of extensions.
  7. Open a new tab and click the Apps icon from the top-left corner, or directly navigate to chrome://apps.
  8. Click AEM Screens Plugin so you can launch Chrome Player. By default, the player is launched in full screen mode. Press Esc to exit full screen mode.

After your Chrome OS player is on, follow the steps below to register a Chrome device.

  1. Navigate to the Devices folder of your project from your AEM instance.

  2. Click the Device Manager from the action bar.

    image

  3. Click the Device Registration from the top right.

  4. Click the required device and click Register Device.

    image

  5. Wait for the device to send its registration code and simultaneously check the Registration Code from your Chrome device.
    image

  6. If the Registration Code is the same on both machines, click Validate in AEM.

  7. Set the desired name as ChromeDeviceforDemo for the device, and click Register.

    image

  8. Click Assign Display from the Device Registration Successful dialog box.

    image

  9. Click the path to your display as DemoScreens > Locations > TestLocation > LobbyDisplay and click Assign.

    image

  10. When the device is successfully assigned, you see the following confirmation.

    image

  11. Click Finish to complete the registration process. You can now view your registered device from the display dashboard.

    image

Viewing the Content in Chrome Player viewing-content-output

All the assets in your channel are now playing on your Chrome OS player.

Congratulations you are now playing content in an AEM Screens channel!

image

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053