Digg component for Digital Signage
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.idea upload setup Jan 13, 2017
archive Initial commit Mar 18, 2015
assets init Mar 18, 2015
bridge upload setup May 9, 2015
css init Mar 18, 2015
js fix offline Apr 30, 2015
utils milestone 1 Mar 23, 2015
.gitignore Initial commit Mar 18, 2015
LICENSE.md Initial commit Mar 18, 2015
README.md fixed fast loading on windows Mar 27, 2015
componentDigg.iml upload setup Jan 13, 2017
d3dcompiler_46.dll Initial commit Mar 18, 2015
debug.PNG upload setup Jan 13, 2017
digg.json upload setup May 9, 2015
digg.zip upload setup May 9, 2015
ffmpegsumo.dll Initial commit Mar 18, 2015
gulpfile.js upload setup May 9, 2015
icudtl.dat Initial commit Mar 18, 2015
index.html milestone 1 Mar 23, 2015
init.js Initial commit Mar 18, 2015
libEGL.dll Initial commit Mar 18, 2015
libGLESv2.dll Initial commit Mar 18, 2015
nw.exe Initial commit Mar 18, 2015
nw.pak Initial commit Mar 18, 2015
nwsnapshot.exe Initial commit Mar 18, 2015
package.json read me Mar 24, 2015
page.css read me Mar 24, 2015
page.html read me Mar 24, 2015
pdf.dll Initial commit Mar 18, 2015
version.log upload setup May 9, 2015
workspace.xml upload setup May 7, 2015

README.md

DigitalSignage: Digg Component

open source digital signage HTML SDK

The component enables to load up the latest Digg.com posts. Powered by bootstrap and using responsive design, the digg posts will be repositioned to automatically occupy the full width of the scene or screen division assigned. Choose scroll speed and background color through the StudioPro properties page. Also, the component (through the embedded HTML wrapper or Node web kit wrapper) takes advantage of local caching so it can continue and work offline with no interruption to your audience.

Anyone can modify this Digital Signage component that consists of both a SignagePlayer HTML / CSS / Javascript module as well as StudioPro properties page HTML / CSS / Javascript module, for the free SignagePlayer from http://digitalsignage.com.

Player component:

  • runtime Javascript component which resides and plays inside the SignagePlayer and is assigned into a screen division or scene
  • the javascript component has full access to all SignagePlayer resources including swf, videos, images, svgs and data
  • local caching of data and resources to support offline playback of the component
  • choose between embedded HTML wrapper, native browser wrapper or Node Web kit wrapper (node only for Windows OS)
  • full support for all Javascript libraries such as require.js, backbone, angular etc

Studio component:

  • runtime Javascript component which resides and loads inside the free StudioPro and can be assigned into a screen division or scene
  • the javascript component has full access to all StudioPro resources including swf, videos, images, svgs and data
  • create a fully customizable properties page for your player component, powered by HTML / CSS / Javascript
  • full support for all Javascript libraries such as require.js, backbone, angular etc

HTML Wrapper

Your custom Player component that runs inside the SignagePlayer can execute under 3 different modes, depending on the operating system and your settings.

  1. Windows: choose between the SignagePlayer embedded HTML or Node-Web-Kit (node.js + Google Chromium)
  2. Android: Use only the native default built in HTML browser on the underline Android device
  3. Mac: HTML mode only
HTML wrapper comparison
   
   HTML Pros:
      1. built into SignagePlayer, no needed for external executable
      2. support for all screen layering (masks) 
      3. runs on Windows and Mac
   HTML Cons:
      1. does not use the latest HTML5 rendering engine
      2. slower performance 
      3. operates under standard HTML security box
      
   Node web kit Pros:
      1. super fast HTML rendering powered by latest Google Chromium release
      2. full access to the host file system and devices (no security limitations)
      3. most efficient memory management since runs as an external process
      4. fully integrated into the SignagePlayer for windows (nw.exe)
         runs with no toolbar (clean window) 
   HTML Cons:
      1. does not support layering (always on top)
      2. only runs on SignagePlayer for windows
      3. runs as an external application

   Native browser Pros:
      1. runs as fast (or as slow) as the default Android default browser
      2. nothing special to install or configure
   Native browser Cons:
      1. runs as fast (or as slow) as the default Android default browser
      2. does not support layering
      3. operates under standard HTML security box            

  • Studio component: runtime Javascript module which lives inside the StudioPro as a properties and settings page

Configuration

your_app_name.json includes the configuration used to setup your Studio and Player component.

{
  "name": "your_app_name",
  "version": "1.0.457",
  "url": "http://signage.me/components/your_app_name/your_app_name.zip",
  "property": "page.html",
  "desktopUseNode": false,
  "debug": false
}
  • name: the name of your HTML / CSS / Javascript component

  • version: used to force the SignagePlayer and StudioPro to re-download the latest revision of your developed component.

  • url: points to a web url that hosts your zip file. The zip file consists of everything your component needs, including Studio and Player components.

  • property: the name of the file to load in StudioPro to display the properties page for the component

  • desktopUseNode: true / false. When set to true, your component will run inside the wrapper of Node Web Kit in Windows. if set to false, the component will run in the embedded HTML wrapper in Windows and Mac and use the native browser in Android.

  • debug: when set to desktopUseNode: true, the debug mode allows for remote debugging of the Player component in windows using node web kit.

Tutorials

For a full demonstration on how to build, deploy and use the open source SignagePlayer and StudioPro components be sure to view the following video tutorials: