AMX IS-SPX-1000/1300 Troubleshooting, Example JavaScript, NTP Synchronization, Project Creation

Page 68

Synchronized Content

Example: JavaScript

The following example shows the usage of the JavaScript MULTI_SCREEN_ID variable to control the text content of a textArea item.

<spx:multiScreen>

<spx:screen viewBox="0 0 1280 720" xml:id="left"/> <spx:screen viewBox="0 0 1280 720" xml:id="right"/> </spx:multiScreen>

<script>

<![CDATA[

if (MULTI_SCREEN_ID == "left") document.getElementById("textId").textContent="I'm left!"; else if (MULTI_SCREEN_ID == "right") document.getElementById("textId").textContent="I'm right!"; else

document.getElementById("textId").textContent="No screen defined!"; ]]>

</script>

<g>

<text x="50" y="50" xml:id="textID">_Text_will_be_here_</text> </g>

Troubleshooting

Synchronized content over multiple screen needs a correct configuration of the IS-SPX Player and a well-designed project to work as expected. In the event that the project is not displaying as desired, the following is a list of parameters to check before contacting AMX Technical Support.

NTP Synchronization

The content are not synchronized, i.e. one or more screens play their part of media earlier or later than the other displays. Please check the following:

Make sure that NTP is enabled through the Browser-Based Configuration Pages, and that you have chosen one or more NTP servers:

It should be on your local network in order to be able to achieve the few milliseconds of precision required. Public NTP servers are usually too “far” to provide such a precision. Please refer to the Synchronization on page 52 for details on inserting NTP server addresses.

Verify your IS-SPX Players NTP statistics:

Values in the column “Time offset” should be as close to 0 as possible.

Make sure that at least one NTP server is always reachable (at least one column “Reach” should be equal to 100%).

In case your NTP server can't be reached (“Status” column remains always “Initializing”), it may be behind a firewall or

just wrongly configured. Check the NTP server configuration with your system administrator. For further details on the NTP protocol, please refer to http://www.ntp.org.

If you used the master/slave configuration, be careful to correctly implement the architectures covered in the Using an IS-SPX Player as an NTP Server on page 54. Double check your master ("Monitor only" selected) and slave

configurations ("Monitor only" NOT selected).

Project Creation

Verify that your index.svg file contains the spx:begin attribute, or that your project uses a schedule file (.ics), as explained in the Syntax for Multiscreen Synchronized Content on page 56. A good test to verify if your content uses a begin attribute or a calendar is to open the index.svg file in XPress. If your project starts from the beginning, then no

schedule is present.

If opening the project multiple times always shows the same starting point, then no schedule is present and the playback will not be synchronized.

Internal Clock Calibration

The local clock on the device is not calibrated when shipped from the factory. NTP behaves differently when the local clock has not yet been calibrated, and it will not synchronize as expected. Figure 20 below shows the configuration window before calibration is completed.

60

Inspired XPress - Programming Guide

Image 68
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 Installation When to use XPress Authoring Features?Installing Inspired Signage XPress for the First Time IntroductionMinimum Recommended PC Requirements XPress must be restarted to complete the activationXPress Removal Installation LocationInspired Signage XPress UI XPress Main Interface Learning XPress Authoring FeaturesXPress Projects Creating a New Project My Projects folderBrowsing Panel New Project dialog TargetImporting Video Importing Multi-Media FilesImporting Images Importing Flash SWF Files Importing PowerPoint PresentationsCreating and Editing SVG Files Editing an Existing SVG Document Template Document ParametersEdit a Media Property Media description dialog lets you changeInteractive Editing Interactively Editing SVG FilesEditing Media Elements Layout Demonstration of Media ElementsEditing Media Links Editing TextCustomizing a Multi-Layer SVG Document Multi-Layered SVG TemplatesComposing a Scene Example Editing Playlist TemplateHow to Customize a Playlist SVG Document Composing a playlist SVG documentPlaylist Tab Special News Templates Composing a Live News DocumentLayout Templates Format HelpersCustomizing a News SVG Document News.svgNewsticker.svg Newscrawler.svgUsing Format Helpers Switch.svgBouncingtext.svg Fittext.svgScalable Content and Aspect Ratio of Your Display Example of 169 content169 templates as shows on a 43 screen Adding Effects Configuring EffectsMultimedia Effects Preview XPress Content PreviewingUsing Quick Publish PublishingMonitoring Manually Add Devices to XPressScheduling the Content Displayed by an IS-SPX Player SchedulingCheck the Status of the Devices Open a DeviceCreate a New Schedule Open a ScheduleAdd Events To a Schedule Calendar viewModify the Scheduling Properties of an Event Define Default Events and RecurrencesDefine a Default Animation Define Recurring Events Edit recurrence rulePreview Scheduled Content Data Polling RatesRemote Control of Content When To Use Remote ControlHow 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 tabHow To Use Remote Control of Playback Remote Control of PlaybackWhen To Use Remote Control of Playback Interactive Pause/Resume Using Http GET Interactive Pause/Resume Over TCPTimed pause/seek/resume GET Embedded In an HtmlInteractive Pause/Resume From a Device Getting Feedback On the Playback Progress Knowing the Current Position With Extra AccuracyTriggering a Text or Image Overlay Triggering an Alternative ContentRemote Triggers Triggering of SVG Animations Designing Basic Projects for Multiscreen Layouts Application ExamplesMultiscreen Displays 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 optionsCreate a Virtual Device Configuring XPress and the IS-SPX PlayerConfigure the Multiscreen ID Synchronizing Devices SynchronizationPublish Your Project To Your Device Configure NTP Through the Http Interface Administration Date/TimeConfiguration Advanced ConfigurationUsing an IS-SPX Player as an NTP Server Configuration of the IS-SPX Player Acting as Master Master/Server Architecture ExamplesSyntax for Multiscreen Synchronized Content Synchronization ElementsCanvas and Viewbox Concepts Multiscreen ElementsSpxbegin Element Additional Syntax for Multiscreen ContentExtension of the SVG switch Element Extension of JavaScript Example Screen Layout With Six ScreensExample switch SVG Element Example Screen Layout With Spread DisplaysTroubleshooting Example JavaScriptNTP Synchronization 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.svgSuggestions for Further Projects Testing the ProjectPlayback Projects Playback Template New ProjectExample Media player Controlling the MediaPlayback Position 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 Interface Concepts Behind Shared VariablesJavascript API Setting the Variable Sample CodeNetwork API 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 Control Gathering Display Serial Protocol CommandsSerial Protocol Commands Text Serial Protocol Commands Hex Creating a Serial Protocol FileManual Command Text Entries HexVolume Control Variable Variable ListScreen Mute Picture On Screen Mute Picture OffMute On Sound 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 Serial Control From NetLinx Power commandAdding Additional Templates to Inspired Signage XPress Commonly Used Terms FSMIncrease Your Revenue through education + knowledge