AMX IS-SPX-1000/1300 manual Interactive Editing, Interactively Editing SVG Files

Page 19

Inspired Signage XPress Programming

By default the following parameters are not shown. To make them visible, expand the More... item.

•

Lock mouse editing:

When selected the interactive editing for this media is disabled.

•

Mime type:

The media type. This should be detected correctly by XPress and should not need to be

 

 

modified.

•

Preserve aspect ratio

Controls if the aspect ratio of the media should be preserved when included into the

 

check box:

master document.

•

Tag for accounting:

When checked, the opening and closing time of this media will be logged in the

 

 

accounting log files.

•

Initial visibility:

When checked, the media will be visible (but not animated) before the beginning of the

 

 

animation.

•

Freeze last frame:

When checked, the media will be visible (but frozen) after the end of the animation.

•

Repeat:

If you want your media to be displayed more than once, select this check box. You can

 

 

then specify:

 

 

Count: The number of time the media should be repeated or

 

 

Max dur: The duration of the repetition in seconds.

•

Width and Height:

Lets you control the size of the media.

Interactive Editing

The preview panel has two main functionalities:

 Preview IS-SPX content and multi media content. The preview panel emulates in software the display capabilities of the IS-SPX Player. Moreover it offers the user the possibility to interactively pause and seek the content using the timeline at the top of the preview panel itself.

 Interactively edit XPress content. XPress content is described with the SVG language (see W3C specification). SVG language follows the XML document structure and thus can be easily edited by hand or with other software applications. To simplify the editing task: XPress offers an intuitive graphical user interface directly through the Preview panel. The user can interact with media elements in the scene by changing their style properties, positions, sizes, rotations, etc... and XPress automatically changes the corresponding SVG document to reflect the changes. This is done in real time, while the XPress content is previewed resulting in an intuitive and powerful SVG editing console.

Interactively Editing SVG Files

Some SVG files have editable properties. This is the case with all the templates (found under My Templates), and new documents created by XPress.

Having editable properties means that the SVG document can be interactively customized using XPress. When opened with XPress, these special SVG files will instruct the GUI to open a property Tab in the editing panel. The property tab includes all the fields that have been defined as interactively editable by the author of the SVG document. These fields may be text, media elements or parameters.

Inspired XPress - Programming Guide

11

 

 

Page 18 Page 20
Image 19
Page 18 Page 20
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 Introduction InstallationWhen to use XPress Authoring Features? Installing Inspired Signage XPress for the First TimeXPress must be restarted to complete the activation Minimum Recommended PC RequirementsInspired Signage XPress UI Installation LocationXPress Removal XPress Projects Learning XPress Authoring FeaturesXPress Main Interface My Projects folder Creating a New ProjectNew Project dialog Target Browsing PanelImporting Images Importing Multi-Media FilesImporting Video Creating and Editing SVG Files Importing PowerPoint Presentations Importing Flash SWF Files Template Document Parameters Editing an Existing SVG DocumentMedia description dialog lets you change Edit a Media PropertyInteractively Editing SVG Files Interactive EditingDemonstration of Media Elements Editing Media Elements LayoutEditing Text Editing Media LinksComposing a Scene Multi-Layered SVG TemplatesCustomizing a Multi-Layer SVG Document Playlist Template Example EditingComposing a playlist SVG document How to Customize a Playlist SVG DocumentPlaylist Tab Format Helpers Special News TemplatesComposing a Live News Document Layout TemplatesNewscrawler.svg Customizing a News SVG DocumentNews.svg Newsticker.svgFittext.svg Using Format HelpersSwitch.svg Bouncingtext.svgExample of 169 content Scalable Content and Aspect Ratio of Your Display169 templates as shows on a 43 screen Multimedia Effects Configuring EffectsAdding Effects Previewing Preview XPress ContentPublishing Using Quick PublishManually Add Devices to XPress MonitoringOpen a Device Scheduling the Content Displayed by an IS-SPX PlayerScheduling Check the Status of the DevicesOpen a Schedule Create a New ScheduleCalendar view Add Events To a ScheduleDefine a Default Animation Define Default Events and RecurrencesModify the Scheduling Properties of an Event Edit recurrence rule Define Recurring EventsData Polling Rates Preview Scheduled ContentOverview Remote Control of ContentWhen To Use Remote Control How To Use Remote ControlID table Playlist Triggering a Content Switch Over IPSettings menu Enable Network API Example TestingSwitching Content With a USB HID Device Switching Content With the Serial PortKey Identifiers tab Switching Content From Another DeviceWhen To Use Remote Control of Playback Remote Control of PlaybackHow To Use Remote Control of Playback Interactive Pause/Resume Over TCP Interactive Pause/Resume Using Http GETInteractive Pause/Resume From a Device GET Embedded In an HtmlTimed pause/seek/resume Knowing the Current Position With Extra Accuracy Getting Feedback On the Playback ProgressRemote Triggers Triggering an Alternative ContentTriggering a Text or Image Overlay Triggering of SVG Animations Multiscreen Displays Application ExamplesDesigning Basic Projects for Multiscreen Layouts New Project menu Creating a Configurable Multiscreen ProjectMultiscreen Properties Finding the multiscreen templates Creating a Multiscreen Project from TemplatesNew multiscreen project can now be Saved and Edited Multiscreen layout drop down options Editing Multiscreen ContentConfigure the Multiscreen ID Configuring XPress and the IS-SPX PlayerCreate a Virtual Device Publish Your Project To Your Device SynchronizationSynchronizing Devices Administration Date/Time Configure NTP Through the Http InterfaceUsing an IS-SPX Player as an NTP Server Advanced ConfigurationConfiguration Master/Server Architecture Examples Configuration of the IS-SPX Player Acting as MasterMultiscreen Elements Syntax for Multiscreen Synchronized ContentSynchronization Elements Canvas and Viewbox ConceptsExtension of the SVG switch Element Additional Syntax for Multiscreen ContentSpxbegin Element Example Screen Layout With Six Screens Extension of JavaScriptExample Screen Layout With Spread Displays Example switch SVG ElementProject Creation TroubleshootingExample JavaScript NTP SynchronizationSynchronized Content Synchronized Content Inspired XPress Programming Guide Interactivity Template Files Creating Interactive ContentCreating Buttons Creating a Touch Screen MenuAdding an Action ID Controlling MediaEnter Interactive Mode Testing the ProjectCreating the Menu Creating a Keyboard MenuButton Action IDs Configuring the menuRGB values Hexadecimal value Eyedropper tool Color Selection green Controlling the MenuInteractive controls KeystrokesLayers tab keystroke.svg Controlling MediaPlayback Projects Testing the ProjectSuggestions for Further Projects New Project Playback TemplatePlayback Position Controlling the MediaExample Media player Playback.svg details Slider.svg placement Interactivity Settings IS-SPX Player ConfigurationCalibration of a Touchscreen Through the IS-SPX Player Calibration For Touch ScreensTroubleshooting Manual Calibration ProcedureAdding a List Variable Serial Protocol File EditorEdit Variable Page List variable Adding a Range VariableEdit Variable page Range variable Exporting the Finished FilePage Javascript API Concepts Behind Shared VariablesInterface Reading the Variable Setting the VariableSample Code Network APINetwork API Commands List of CommandsSample Code Enabling the Network APIAPI Emulation Restarting XPress will reset all the shared variablesShared Variables Inspired XPress Programming Guide Serial Protocol Commands Text Gathering Display Serial Protocol CommandsSerial Control Creating a Serial Protocol File Serial Protocol Commands HexHex Manual Command Text EntriesVariable List Volume Control VariableMute Off Sound Screen Mute Picture OnScreen Mute Picture Off Mute On SoundUploading the Serial Protocol File Under the Administration section, select RS232 / USB IOXPress My Templates Folder Creating New TemplatesXML Tree with new attribute param1 Creating and updating a new calendar fileNew.ics file Adding Additional Templates to Inspired Signage XPress Power commandSerial Control From NetLinx FSM Commonly Used TermsIncrease Your Revenue through education + knowledge
Top Page Image Contents