PRIME Edge
PRIME Edge - User Manual

Create Content in PRIME

13min

1.0 - Supported Assets

  1. Navigate to PRIME Designer.
  2. PRIME_User_Guide.pdf for detailed information on scene creation and the design tools listed below.

Designing content for PRIME Edge begins in PRIME Designer.

Below is the list of supported objects ready to use with PRIME Edge.

SUPPORTED ASSET TYPES

Notes







Graphics:









  • Text

Most 2D properties are supported







  • Fonts

.TTF and .OTF font types are supported.Font files must be located in the ‘Fonts’ folder of the PRIME Project directory.







  • Images

See the Images section for more information







Effects:









  • Align

Align effects will automatically distribute all child objects dynamically at run time. Align is most often used with Auto Spacing and can only be applied to group objects.







  • Auto Follow

Auto Follow rules are NOT always Master/Follower. It is based on the position of the elements in the scene. Auto Follow funtions the same way as Auto Align with the addition of following a parent object.







  • Auto Spacing

Auto Spacing can only be applied to groups. All objects withing the group will be linked.







  • Crop

Crop is a Crop Box allowing cropping in four directions







  • Style Sheets

Style Sheet effects are a collection conditional and property statements which are applied to a parent object, in most cases this will be a parent group. When a Style Sheet is evaluated the conditional statements are applied to the parent object and each of its children. Only graphic objects and effects can be evaluated in a Style Sheet. Style Sheets run on when a scene object is updated.







  • Touch

Required for interactive content.







  • Transitions

File & Custom types are supported







Resources:









  • Data Object

See the Data Binding section for more information







  • Parameters

Parameter editor allows users to create, modify and delete parameters. Parameters are used to store values. The scope of a parameter's availability is either to all scenes in a Project or for the individual scene only.







  • Expression

Expressions can be inserted into any binding that accepts a string of a text.







  • Interpolation

Process of estimating unknown values that fall between known values. In and Out Interpolations can be set to Linear, Smooth, Ease, and Bezier.









2.0 - Images

PRIME Edge supports the use of images in scene construction.

2.1 - Supported File Types

  • .png
  • .jpeg
  • .jpg

2.2 - Replaceable Images

Replacing (i.e. swapping) image files is supported in PRIME Edge. All of the image boundary modes are supported.

  • Fixed Size
  • Size to File
  • Fit to Width
  • Fit to Height
  • Fit to Bounds
  • Fill to Bounds

3.0 - Data Binding

PRIME Designer supports use of PRIME’s Data Object.

3.1 - Modes

PRIME Edge supports both Cell Binding and Column Binding modes.

3.2 - Sources

The supported data formats are as follows:

  • JSON
  • XML
  • Web
  • Excel
    • .xlsx & .xls
  • Text
    • .txt & .csv

3.3. - Column Formatting

Text, Number, Date, Time formatting functions are supported.

NOTE: When binding to JSON and Web sources from a server, PRIME Edge fetches new data automatically once every minute.

4.0 - Keyframe Interpolation

PRIME Edge supports Linear, Ease and Smooth keyframe interpolation types. PRIME Edge automatically converts Hold and Bezier interpolation types to Linear during the upload process.

4.1 - Keyframe Triggers

PRIME Edge supports Keyframe triggers. Users can trigger Timeline actions, Conditions and other supported object events from Keyframe triggers.

4.2 - Events

PRIME Edge supports PRIME’s Event-based architecture for select scene elements. However, similarly to supported properties, PRIME Edge does not support all Event types. Please contact your Chyron representative for a complete list of supported Events.

Note: RECOMMENDED: Test your content in PRIME before uploading to PRIME Edge. To do so:

  1. Set one of the output channels to ‘Desktop Window’ in the Playout Configuration settings.
  2. Play the scene in the output channel and open to the PRIME Engine desktop window located on the Windows taskbar.

Any touch points added to the scene can be interacted with in this window. This is a good starting point to ensure that the touch functionality behaves as expected before uploading the scene.

4.3 - Open URL

PRIME Edge users can bind a website URL to a scene object such as a text field or image. This is a useful tool for increasing viewer engagement and increasing advertising value.

  1. Select the PRIME Edge Browser Plugin upon installation of PRIME. It is located in the Component section of the PRIME Installer.
Document image


The Browser tool will appear in the Resource section of the PRIME Designer Toolbox. Add it to the scene.

Document image


The Browser tool has a property called URL and a function called Navigate. Add the website URL you wish to be opened to the URL property.

  • URL - Stores the website URL which can be opened by viewers.
  • Navigate - Opens the website that is found in the URL property.

This example will open Chyron’s website when the Navigate function is called. This is



Document image


Add a graphic object and a touch effect to the scene. In this example an image has been added and has a touch effect applied to it. The image has become an interactive touch point.



Document image


Open the touch effect’s Events tab and add the Browser’s Navigate function to either the Touch Down, Touch Up or Touch Move events.



Document image


Upload the scene to Edge Console and deploy it as normal.

Viewers will be redirected to the website as it appears in the URL field when clicking on the linked object, in this case the image.

Note: The website will open in a new browser tab or window depending on the browser’s settings.

Updated 25 Mar 2024
Did this page help you?
PREVIOUS
Getting Started
NEXT
Upload Manager in PRIME
Docs powered by Archbee