AMX IS-SPX-1000/1300 manual Multi-Layered SVG Templates, Composing a Scene

Page 22

Inspired Signage XPress Programming

Multi-Layered SVG Templates

By default, each time you create a new SVG document by right-clicking the browsing panel, selecting New SVG, and choosing your aspect ratio, XPress creates a new file based on the multi-layer SVG template. The Multi-layer SVG template simplifies the task of composing a scene using XPress. With this template, you can interactively add, position, scale, skew and rotate several media elements such as video clips, images, texts and animations on the same scene.

FIG. 17 Modifying the Document Parameters

Composing a Scene

1.Right-click in the main viewing pane and select New SVG to create a new_[AR].svg file. You can rename it if you wish. Double-click on the file to open it with XPress.

2.Add new media, or text to your scene, using one of the following options:

Drag and drop the media into the Layers tab of the Editing panel

Drag and drop the media into the Preview panel. If the cursor doesn't show the + sign, press the CTRL key while dropping the media.

Press the icon on top of the Preview panel to create a new text layer.

3.Modify the media:

Modify the depth position moving the media up or down in the list of media appearing in the Layers tab (Use keyboard shortcuts: Crtl-up/Ctrl-down).

Use the Preview panel to interactively position, scale, skew and rotate the new media (for more information, please refer to the Interactive Editing on page 11.)

Add entry and exit effects to your media.

4.Save your document.

Customizing a Multi-Layer SVG Document

For each new multi-layer SVG document, you can configure the following properties: Title: an informative title for the document

Description: an informative description of the document

Duration: the duration of the document. If set to indefinite the document will not loop. If set to media, the duration of the document will be computed automatically and the document will loop at the end of the playing time. It is also possible to set an explicit duration to a given number of seconds.

Document: group for the document properties.

Canvas Size: the size of the document in the following syntax: origin x, origin y, width, height.

The ratio between the width (3rd number) and the height (4th number) determines the aspect ratio of the document.

The first 2 numbers describe the origin of the document and should be left at 0. New Layer: group for the default properties of all new layers

Default Width: the width of a new layer. By default, the new layer occupies the whole document and thus this has the same width of the Canvas.

Default Height: the height of a new layer. By default, the new layer occupies the whole document and thus this has the same height of the Canvas.

14

Inspired XPress - Programming Guide

Image 22
Contents Inspired Signage XPress WARRANTY, Disclaimer and License Table of Contents Remote Control Synchronized Content Interactivity Serial Protocol File Editor Table of Contents Inspired XPress Programming Guide Installing Inspired Signage XPress for the First Time InstallationWhen to use XPress Authoring Features? IntroductionMinimum Recommended PC Requirements XPress must be restarted to complete the activationInspired Signage XPress UI Installation LocationXPress Removal XPress Projects Learning XPress Authoring FeaturesXPress Main Interface Creating a New Project My Projects folderBrowsing Panel New Project dialog TargetImporting Images Importing Multi-Media FilesImporting Video Creating and Editing SVG Files Importing PowerPoint PresentationsImporting Flash SWF Files Editing an Existing SVG Document Template Document ParametersEdit a Media Property Media description dialog lets you change Interactive Editing Interactively Editing SVG FilesEditing Media Elements Layout Demonstration of Media ElementsEditing Media Links Editing TextComposing a Scene Multi-Layered SVG TemplatesCustomizing a Multi-Layer SVG Document Example Editing Playlist TemplateHow to Customize a Playlist SVG Document Composing a playlist SVG documentPlaylist Tab Layout Templates Special News TemplatesComposing a Live News Document Format HelpersNewsticker.svg Customizing a News SVG DocumentNews.svg Newscrawler.svgBouncingtext.svg Using Format HelpersSwitch.svg Fittext.svgScalable Content and Aspect Ratio of Your Display Example of 169 content169 templates as shows on a 43 screen Multimedia Effects Configuring EffectsAdding Effects Preview XPress Content PreviewingUsing Quick Publish PublishingMonitoring Manually Add Devices to XPressCheck the Status of the Devices Scheduling the Content Displayed by an IS-SPX PlayerScheduling Open a DeviceCreate a New Schedule Open a ScheduleAdd Events To a Schedule Calendar viewDefine a Default Animation Define Default Events and RecurrencesModify the Scheduling Properties of an Event Define Recurring Events Edit recurrence rulePreview Scheduled Content Data Polling RatesHow To Use Remote Control Remote Control of ContentWhen To Use Remote Control OverviewID table Triggering a Content Switch Over IP PlaylistExample Testing Settings menu Enable Network APISwitching Content With the Serial Port Switching Content With a USB HID DeviceSwitching Content From Another Device Key Identifiers tabWhen To Use Remote Control of Playback Remote Control of PlaybackHow To Use Remote Control of Playback Interactive Pause/Resume Using Http GET Interactive Pause/Resume Over TCPInteractive Pause/Resume From a Device GET Embedded In an HtmlTimed pause/seek/resume Getting Feedback On the Playback Progress Knowing the Current Position With Extra AccuracyRemote Triggers Triggering an Alternative ContentTriggering a Text or Image Overlay Triggering of SVG Animations Multiscreen Displays Application ExamplesDesigning Basic Projects for Multiscreen Layouts Creating a Configurable Multiscreen Project New Project menuMultiscreen Properties Creating a Multiscreen Project from Templates Finding the multiscreen templatesNew multiscreen project can now be Saved and Edited Editing Multiscreen Content Multiscreen layout drop down optionsConfigure the Multiscreen ID Configuring XPress and the IS-SPX PlayerCreate a Virtual Device Publish Your Project To Your Device SynchronizationSynchronizing Devices Configure NTP Through the Http Interface Administration Date/TimeUsing an IS-SPX Player as an NTP Server Advanced ConfigurationConfiguration Configuration of the IS-SPX Player Acting as Master Master/Server Architecture ExamplesCanvas and Viewbox Concepts Syntax for Multiscreen Synchronized ContentSynchronization Elements Multiscreen ElementsExtension of the SVG switch Element Additional Syntax for Multiscreen ContentSpxbegin Element Extension of JavaScript Example Screen Layout With Six ScreensExample switch SVG Element Example Screen Layout With Spread DisplaysNTP Synchronization TroubleshootingExample JavaScript Project CreationSynchronized Content Synchronized Content Inspired XPress Programming Guide Creating Interactive Content Interactivity Template FilesCreating a Touch Screen Menu Creating ButtonsControlling Media Adding an Action IDTesting the Project Enter Interactive ModeCreating a Keyboard Menu Creating the MenuConfiguring the menu Button Action IDsRGB values Hexadecimal value Eyedropper tool Controlling the Menu Color Selection greenKeystrokes Interactive controlsControlling Media Layers tab keystroke.svgPlayback Projects Testing the ProjectSuggestions for Further Projects Playback Template New ProjectPlayback Position Controlling the MediaExample Media player Playback.svg details Slider.svg placement IS-SPX Player Configuration Interactivity SettingsCalibration For Touch Screens Calibration of a Touchscreen Through the IS-SPX PlayerManual Calibration Procedure TroubleshootingSerial Protocol File Editor Adding a List VariableAdding a Range Variable Edit Variable Page List variableExporting the Finished File Edit Variable page Range variablePage Javascript API Concepts Behind Shared VariablesInterface Network API Setting the VariableSample Code Reading the VariableList of Commands Network API CommandsEnabling the Network API Sample CodeRestarting XPress will reset all the shared variables API EmulationShared Variables Inspired XPress Programming Guide Serial Protocol Commands Text Gathering Display Serial Protocol CommandsSerial Control Serial Protocol Commands Hex Creating a Serial Protocol FileManual Command Text Entries HexVolume Control Variable Variable ListMute On Sound Screen Mute Picture OnScreen Mute Picture Off Mute Off SoundUnder the Administration section, select RS232 / USB IO Uploading the Serial Protocol FileCreating New Templates XPress My Templates FolderCreating and updating a new calendar file XML Tree with new attribute param1New.ics file Adding Additional Templates to Inspired Signage XPress Power commandSerial Control From NetLinx Commonly Used Terms FSMIncrease Your Revenue through education + knowledge