Edge Apps - screenly/playground

Edge Apps in the Screenly platform are applications that run on the Screenly Player, which is a small device that connects to a screen and displays content. Edge Apps allow for dynamic and interactive content to be displayed on the screen, beyond just static images and videos.

The Screenly Edge Apps are built using various technologies and dependencies, including:

  • Programming languages: JavaScript, HTML/CSS
  • Screenly API: Allows communication between the Edge App and the Screenly cloud platform
  • Bootstrap: A popular front-end framework for building responsive and mobile-first web projects
  • JavaScript: A popular programming language for building interactive web applications
  • HTML/CSS: The building blocks of web development
  • Power BI: A business analytics tool from Microsoft that can be used to create interactive dashboards and reports
  • RSS: A standard for distributing and aggregating web content
  • iFrame: An HTML document embedded in another HTML document
  • QR Codes: A type of barcode that can be read by a camera and translated into text or a URL
  • Clock: A simple Edge App that displays the current time
  • Git and GitHub: Version control and collaboration tools for software development

The Edge Apps directory structure consists of the following:

  • apps: A directory containing the Edge Apps
  • assets: A directory containing static assets, such as images and stylesheets
  • package.json: A file containing metadata about the Edge App, including its dependencies

There are several examples of Edge Apps available in the Screenly Playground repository, including:

  • Hello World: A simple Edge App that displays the text “Hello, World!”
  • Clock: An Edge App that displays the current time
  • QR Code: An Edge App that generates a QR code for a given URL
  • RSS Feed: An Edge App that displays the latest items from an RSS feed
  • Power BI: An Edge App that displays a Power BI dashboard
  • iFrame: An Edge App that displays the content of a given URL in an iFrame

To learn more about Edge Apps and how to create your own, you can refer to the Screenly Edge Apps documentation.

Sources: