SpinetiX_UserGuide_SynchronizedContent _2.0x
Contents
1. 21 Example switch SVG element e Eana nennen nean sese nnn nnn 22 Example JavaocripL tco foc eter erf fut oec e Irt oe uf future i E o 23 Troubleshooting cere ee tdt et xh e AERE NR EATER RE ademas RETE 24 NTP Synchronization onanie oii E OE EEEE Ee wei ad cn E n RC tod nek 24 Project CheAtON sc eerie ees tree en ka eer Ra gy Ra ERR Gaga Y FX tie KR R Gaga 25 Internal clock Calibration cco ctr xn nt 25 User Guide Synchronized Content V2 0 MULTISCREEN DISPLAYS HMP100s clocks are precisely time synchronized letting the user control exactly when an item should be displayed This feature can be used to schedule content to be displayed at a certain time of the day or to synchronize the display of two or more HMP100 This enable the usage of the HMP100 in multiscreen displays The Hyper Media Director software HMD offers an intuitive way of managing multiscreen projects trough the use of predefined templates and the possibility to create virtual devices for the publications process In this case the same project will be used on all the HMP100 composing the multiscreen display but each individual HMP100 will display only on part of the project This let the user manage multiscreen display the same way as single screen displays To dis2. 10 SynchitronizatiOFis caa est Geor eoe a atest as ares EM DC LOO CORDES DE 12 How to synchronize HMPS te e x red P o t e t e or hee 12 Configure NTP through the HTTP interface 12 Advanced Cotnfig ration zu aee nce exei e exi ette el cc ed f e d a 14 Using dn HMP as NTP SEVE iiic eI eh Ren Ra 33 a RR RE a GYRR Ex a gg Ra ana erent 14 Configurations videre cta neben eaa ERE wales EE A AN REINANTE 14 Master server architecture 16 Syntax for multiscreen synchronized 16 Canvas and viewbox concepts seas asa sea ses nnn nnn 16 Mu ultiscreen elemoehts un de ex ete e ee Ert dee c ka hn e ic ge 16 Synchironizatioh elemeriEgs eYoI cM Dx c rud Shige POUR D 17 Additional syntax for multiscreen nemen 19 Extension of the SVG lt switch gt element xc eee e 19 Extension of JavaScriptuiu sisti tuti D eU Pene eats Pepe Eu oie sd s eR Pv 20 de S d e rrr T 20 Screen layout with Six SCreens osse e xe rere Gal Gan t aa Gi aaa 20 Screen layout with an empty border between the 21 Screen layout with Spread
3. e Push the Apply button Repeat this procedure for all your slave HMPs but not the master The configuration settings are shown in Figure 12 14 User Guide Synchronized Content V2 0 NTP Server Monitor only Server1 192 168 0 1 a Server 2 3 Server 3 3 Server 4 3 Server 5 3 Pause device at startup to wait for NTP servers by 90 S v Note all servers specified by IP address and the last server specified by name will be used for initial synchronization at device startup even if only monitored Figure 12 NTP slave configuration Configuration of the HMP100 acting as master Identify the master HMP100 that will work as NTP server and configure it as follows through the web interface also refer to Figure 13 e In the Date Time menu choose NTP Server and write the IP address of as many slave HMP100s with static IP addresses as possible in the server textboxes Server 1 Server 2 etc e Check the corresponding box es in the right column under the title Monitor only The check box must be checked otherwise you will create a reference loop and you system will not work correctly e Select 0 s in the menu list corresponding to the option Pause device at startup to wait for NTP servers by e Push the Apply button NTP Server Monitor only Serer1 192 168 0 2 Server 2 Server 3 Server 4 Server 5 Pause device at star
4. gt lt spx multiScreen gt 0 0 0 0 1360 0 1280 x 720 0 800 1360 800 LCD frame 80 pixels 0 1600 1360 1600 2640 x 23201 Figure 17 3 x 2 grid with frames border Screen layout with Spread displays A completely free pattern may be adopted for your screens empty spaces between them are possible and custom positions can be assigned Screen contents can also overlap increasing the sense of continuity between displays In this example we consider a wide area with some screens only covering a partial area of the whole space and with an overlapping corner The following code creates the area and pattern shown in Figure 18 21 2009 SpinetiX S A All rights reserved svg xmlns http www w3 0rg 2000 svg xmlns spx http www spinetix com namespace 1 0 spx xmlns xlink http www w3 0rg 1999 xlink height 100 width 100 spx begin T000000 viewBox 0 0 4260 1920 gt lt spx multiScreen gt lt spx screen viewBox 50 50 1280 720 xml id TopLeft lt spx screen viewBox 1706 240 1280 720 xml id TopRight gt lt spx screen viewBox 852 1150 1280 720 xml id BotLeft gt lt spx screen viewBox 2800 800 1280 720 xml id BotRight gt lt spx multiScreen gt Top Left 1280 x 720 Top Right 1280 x 720 Bottom Right 1280 x 720 Bottom Left 1280 x 720 Figure 18 Spread displays Example switch SVG element The following example shows the use of the standard
5. e Vertical and Horizontal frame border Let you configure the size of the border of the screen in inches centimeter cm or millimeters mm Note that you can use a negative value for the frame border for overlapping projected screens In this case the HMP100 will add a blending gradient on the overlapping region e Array columns and rows number of screen composing your videowall asx H E X 18 03 2009 v 0 00 44 Sack Save Revert Apply Close a Title eoon multiscreen docun Screen aspect ratio Vertical frame border 20mm _ Array columns Array rows Figure 2 configurable svg a generic multiscreen template It is possible to use custom layout for multiscreen design as explained in the advanced section of this documentation Creating a Multiscreen project The second step for working with multiscreen content is to create your HMD project This is done using the following steps e Create a new project in the usual way You can select any aspect ratio as this setting will be override by the multiscreen templates e Delete the index svg from your project e Copy the desired layout to your project and rename it to index svg 2 project Multi 18 E v v _ gt X Multiscreen m 4 8 E x i n Update metadata My Projects E Multi x Multiscreen i 4 project muti A onfigurab
6. 1280 720 xml id BotLeft gt lt spx screen viewBox 1280 1440 1280 720 xml id BotRight gt lt spx multiScreen gt 1280 720 1280 1440 2560 x 21601 Figure 16 2 x 3 grid layout 20 User Guide Synchronized Content V2 0 Screen layout with an empty border between the screens To obtain a better whole effect you should take into account the space that may remain unusable between the displays due to the screen frames In this example we consider a thickness of 80 pixels for the screen frames see Figure 17 To create the final layout you must sum the internal borders thickness to the viewBox parameters both in the x y position and in the w idth h eight sizes The following example creates the same grid as the previous one but empty internal borders are also calculated lt svg xmlns http www w3 org 2000 svg xmlns xlink http www w3 0rg 1999 xlink xmlns spx http www spinetix com namespace 1 0 spx height 100 width 100 Spx begin T000000 viewBox 0 0 2640 2320 gt lt spx multiScreen gt lt 5 Spx aspx lt 5 Screen screen screen screen screen Screen viewBox 0 0 1280 720 xml id TopLeft gt viewBox 1360 0 1280 720 xml id TopRight gt viewBox 0 800 1280 720 xml id MidLeft gt viewBox 1360 800 1280 720 xml id MidRight gt viewBox 0 1600 1280 720 xml id BotLeft gt viewBox 1360 1600 1280 720 xml id BotRight
7. 64s 212 101 3 211 2 candidate 100 Oms 15ms 22 ms 64s WARNING the local clock is not calibrated but calibration is ongoing keep this device running without interruption for at least 60 minutes with a reachable external NTP peer for calibration to complete An uncalibrated local clock severely degrades time synchronization and makes the device s clock drift away from real time much more rapidly when no NTP servers are reachable Calibration is a one time process initial calibration data is kept across reboots and updated as necessary N Figure 20 Internal clock calibration Calibration consists in finding the offset in frequency between the internal clock and a NTP reference and is necessary for normal operation of NTP The calibration process is started automatically and will take approximately 60 minutes when at least one NTP server other than loopback is available Once the calibration data is saved it is reused when the device is rebooted or powered off To calibrate the clock of a device do the following 26 Start the device Look at the NTP statistics section of the Date Time configuration page If at the end of the NTP statistics section it says that the clock is calibrated no more operations are required otherwise continue this procedure Check that at least one NTP server other than loopback is reachable and selected as peer Allow for some time for reachable servers to become peers If no NTP s
8. SVG switch element to display different contents on a screen based on its screenID e g left right top bottom etc lt spx multiScreen gt lt spx screen viewBox 0 0 1280 720 xml id left gt lt spx screen viewBox 0 0 1280 720 xml id right gt lt spx multiScreen gt lt g display align center font family Arial font size 100 text align center transform translate 320 180 gt lt switch gt lt g spx multiScreenId left gt lt textArea fill fed600 height 360 width 640 gt I m left screen lt textArea gt qe lt g spx multiScreenId right gt lt textArea fill 00d6fe height 360 width 640 gt I m right screen lt textArea gt lt g gt lt g gt lt textArea fill d600fe height 360 width 640 gt No screen defined lt textArea gt ig switch ge 22 User Guide Synchronized Content V2 0 Example JavaScript The following example shows the usage of the JavaScript MULTI SCREEN ID variable to control teh text content of a textArea item lt spx multiScreen gt lt spx screen viewBox 0 0 1280 720 xml id left gt lt spx screen viewBox 0 0 1280 720 xml id right gt lt spx multiScreen gt scripto 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 t
9. SpinetiX S A All rights reserved e Open the Network Settings configuration page Figure 7 Identify each HMP e Look for the Multiscreen ID under the Identification title see Figure 8 This needs to be changed to exactly reflect the Multiscreen Layout screen names e g Top Left Middle Bottom Right If you are using the configurable template then the screen are named screen 1 1 screen 1 2 depending on the screen position e This operation need to be performed for each HMP100 e Once all the Multiscreen ID have been configured you are now ready to publish your projects Information Status Snapshot Display Info Storage Logs Administration Display Settings Network Settings Media Sources Security Date Time Serial Port Pull Mode Firmware Update Maintenance Serial Number 00 1d 50 00 01 49 Publish your project on your device Identification Device name Multiscreen ID Top Left Network Settings DHCP Static Address y Netmask Gateway DNS Server 1 Server 2 Sever3 DNSsufx 001d5000001e ly SpinetiX HMP100 Web Access Basic e g 192 168 1 10 e g 255 255 255 0 e g 192 168 1 1 e g 192 168 1 1 Figure 8 Set multiscreen ID To publish your multiscreen project to your group of devices drag and drop your project folder on top of the Videowall HMPs folder icon as shown in Figure 9 each HMP will be a
10. following alternative aproach is also possible shown graphically in Figure 16 e Create an index svg file using the aspect ratio of a single screen e Create a iCalendar schedule e Create multiscreen files with the lt spx multiScreen gt instructions and add them to the calendar e Create single screen content and add them to the calendar Note that you can use different calendar depending on the HMP100 using the switch of JavaScript for instance In this later case the content too be synchronized between multiple screen must start and end at the same time in the different calendards index svg with the aspect ratio of a single screen schedule ics multiscreen svg singlescreen svg e Figure 16 iCalendar file for synchronization alternative option For further information on the scheduling functionality please refer to the chapter How to scheduling a Hyper Media project with HMD of this Userguide The spx begin element Instead of using a complete calendar file just for the synchronisation of the mulitple screens it is possible to use an inline reduce schedule inside the index file The schedule is described using a proprietarty tag in the svg element spx begin The spx begin 18 User Guide Synchronized Content V2 0 describes the starting point of the document Using this attribute has the same effect as putting the document in a schedule file starting at the same tiem as
11. tested by the switch it contains the ID of the current screen screenID is the value associated to each of the screens where the content will be W displayed e g left right top bottom etc 19 2009 SpinetiX S A All rights reserved Extension of JavaScript When using JavaScript into a SVG file the variable MULTI SCREEN ID is allways defined It allows to visualize a specific content based on the screenID of the player running the show Value definitions MULTI SCREEN MULTI SCREEN ID is the variable tested by the if statement it contains theID of the current screen screenID is the value associated to each of the screens where the content will be displayed e g left right top bottom etc Examples Screen layout with six screens The following example creates a 2 columns 3 rows grid with 6 16 9 screens set horizontally as shown in Figure 16 svg xmlns http www w3 0rg 2000 svg xmlns xlink 2 http www w3 0rg 1999 xlink xmlns spx http www spinetix com namespace 1 0 spx height 100 width 100 spx begin T000000 viewBox 0 0 2560 2160 gt lt spx multiScreen gt lt spx screen viewBox 0 0 1280 720 xml id TopLeft gt lt spx screen viewBox 1280 0 1280 720 xml id TopRight gt lt spx screen viewBox 0 720 1280 720 xml id MidLeft lt spx screen viewBox 1280 720 1280 720 xml id MidRight gt lt spx screen viewBox 0 1440
12. Check the NTP server configuration with your system administrator For further details on the NTP protocol please refer to http www ntp org 24 Administration Display Settings Network Settings Media Sources User Guide Synchronized Content V2 0 Change Time Manual Time Settings Security Date Time Serial Port Time m 20 0 Pull Mode Firmware Update Maintenance Monitor only Date DD YYYY 9 February 2009 NTP Server Server 1 Opool ntp org Server 2 Serial Number 00 1d 50 00 01 49 Sewer3 2poolntporg Serer4 3poolntp org Serer5 poolntp org Pause device at startup to waitfor NTP servers by OS Note all servers specified by IP address and the last server specified by name will be used for initial synchronization at device startup even if only monitored NTP statistics Server IP Stratum Status Reach Time offset Delay Dispersion Poll interval loopback 10 reject 100 96 Oms Oms Oms 16s 192 33 96 102 1 peer 10096 25ms 14ms 8ms 256s 192 33 214 57 2 candidate 100 19 27 ms 2ms 256s 212 101 3 211 initializing 0 1024s 212 101 0 10 2 outlier 100 19ms 18ms 256s 212 101 3211 2 candidate 100 20ms 18ms 256s The local clock is calibrated Figure 19 NTP Statistics If you used the master slave configuration be careful to correctly implement the architectures explained in
13. SIBILITY OF SUCH DAMAGES Hyper Media Director User Manual V1 0 2007 2008 SpinetiX S A All rights reserved SpinetiX and HMP Hyper Media Player are registered trademarks and all logo and graphic designs are trademarks of SpinetiX S A Other product and company names appearing in SpinetiX S A products and materials are used for identification purposes only and may be trademarks or registered trademarks of their respective companies Registered and unregistered trademarks used in any SpinetiX S A products and materials are the exclusive property of their respective owners SpinetiX S A Rue des Terreaux 17 1003 Lausanne Switzerland www spinetix com info spinetix com User Guide Synchronized Content V2 0 INTRODUCTION A video wall is a set of screens accurately placed to create a single display Screens may be one next to the other to compose a bigger regular area or they may have irregular positions to create a non conventional pattern In all of these cases a perfect synchronization of the content displayed is required to provide a sense of uniformity no matter how the screens are placed The HMP100 let you control accurately when each item are displayed enabling a very flexible solution for managing any type of video wall applications Application examples In public transportation multiple displays are deployed along escalators The content on the displays follows the user moving from one display to the next This spe
14. SPINETIX The Hyper Media Company SpinetiX User Guide Synchronized Content V2 0 2009 SpinetiX S A All rights reserved DISCLAIMER THE SPECIFICATIONS AND INFORMATION REGARDING THE PRODUCTS IN THIS MANUAL ARE SUBJECT TO CHANGE WITHOUT NOTICE ALL STATEMENTS INFORMATION AND RECOMMENDATIONS IN THIS MANUAL ARE BELIEVED TO BE ACCURATE BUT ARE PRESENTED WITHOUT WARRANTY OF ANY KIND EXPRESS OR IMPLIED USERS MUST TAKE FULL RESPONSIBILITY FOR THEIR APPLICATION OF ANY PRODUCTS THE SOFTWARE LICENSE AND LIMITED WARRANTY FOR THE ACCOMPANYING PRODUCT ARE SET FORTH IN THE INFORMATION PACKET THAT IS SHIPPED WITH THE PRODUCT AND ARE INCORPORATED HEREIN BY THIS REFERENCE IF YOU ARE UNABLE TO LOCATE THE SOFTWARE LICENSE OR LIMITED WARRANTY CONTACT YOUR SPINETIX REPRESENTATIVE FOR A COPY NOTWITHSTANDING ANY OTHER WARRANTY HEREIN ALL DOCUMENT FILES AND SOFTWARE OF THESE SUPPLIERS ARE PROVIDED AS IS WITH ALL FAULTS SPINETIX DISCLAIMS ALL WARRANTIES EXPRESSED OR IMPLIED INCLUDING WITHOUT LIMITATION THOSE OF MERCHANTABILITY FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OR ARISING FROM A COURSE OF DEALING USAGE OR TRADE PRACTICE IN NO EVENT SHALL SPINETIX OR ITS SUPPLIERS BE LIABLE FOR ANY INDIRECT SPECIAL CONSEQUENTIAL OR INCIDENTAL DAMAGES INCLUDING WITHOUT LIMITATION LOST PROFITS OR LOSS OR DAMAGE TO DATA ARISING OUT OF THE USE OR INABILITY TO USE THIS MANUAL EVEN IF SPINETIX OR ITS SUPPLIERS HAVE BEEN ADVISED OF THE POS
15. acent screens creating a large scale videowall E epxtemplates multiscreer M 8 s matcr 5 screen_16x9_ screen 16x9 screen_16x9_ 1x2 svg 1x3 svg 2x1 svg rj screen_16x9_ screen_16x9_ screen_16x9_ screen_16x9_ 2x2 svg 2 3 5 9 3xl svg 5x3 svg HE i3 screen 4x3 2 xl svg H screen 4x3 2 x2 SVg screen 4x3 1 x2 svg T screen 4x3 3 xl svg screen 4x3 1 x3 svg dE screen 4x3 3 x3 svg screen 4x3 st ar svg Figure 1 Multiscreen templates Different multiscreen layouts are provided The icon shows you the configuration of the screens The template configurable svg let you configure any kind of multiscreen matrix NxM including a possible border between the screens To use this template All screen composing the multiscreen layout must have the same dimension and the same aspect ratio A snapshot of the configurable template is shown in Figure 2 The template let you configure the following items e Conventional multi layer settings duration and new layer dimensions User Guide Synchronized Content V2 0 e Screen aspect ratio aspect ratio of the screens used to create your videowall You can select horizontal layouts 16 9 4 3 or vertical layout 9 16 3 4 from the drop box or type any custom aspect ratio if needed e Screen diagonal size of your individual screen Can be expressed in inches or in centimeters cm
16. an the size of one of your screens A viewbox is a subsection of the canvas normally associated to a single screen A viewbox can be placed anywhere inside the canvas area Example in a 2x2 videowall composed of 4 screens the canvas will be 4 times larger than each of the 4 viewboxes associated to the 4 displays Multiscreen elements The following elements provide information regarding the canvas size and the viewboxes size and position svg xmlns http www w3 org 2000 svg xmlns spx http www spinetix com namespace 1 0 spx 16 User Guide Synchronized Content V2 0 width 100 height 100 viewBox xc yc wc hc gt lt spx multiScreen gt lt spx screen viewBox x y w h xml id screenID gt spx multiScreen 5s svg Value definitions viewBox xc yc wc hc it s the space position and full size of the canvas in pixels where xc is the x axis coordinate of the top left point of the canvas yc is the y axis coordinate of the top left point of the canvas wc is the total width of the canvas hc is the total height of the canvas spx multiScreen lt spx multiScreen gt it s the element enabling the multiscreen functionality spx screen viewBox x y w h xml id screenID gt it s the element representing each of the units that compose the complete canvas its attributes are x is the x axis coordinate of the top left point of this screen y is the y axis coordinate of the top left point of th
17. blished on single devices or on group of devices This mechanism will be used to create a virtual device for multiscreen projects Creating a virtual device e Go to My devices in your Workspace e Create a New collection rename it for example to Videowall HMPs as in Figure 5 e Find the HMPs where you want to publish your project to and move them into the newly created folder see Figure 6 User Guide Synchronized Content V2 0 ud 6 E My Projects My Devices al S v ERI Ld v Videowall 001d500001f1 spx HMPs hmp 001d500 00450 Figure 5 Create a group of devices E spc devices amp a v z My Projects z Videowall My Devices 28 001050000084 00150000088 001d500000ed 001d50000116 E 001 Js j3408008t 001d500001f1 andrea Figure 6 Move devices into group Configure the Multiscreen ID To configure the HMP100 multiscreen ID you need to open the HTTP configuration server of each HMP100 You can use the Manage menu entry to do so e Open the Videowall HMPs folder Figure 7 you will need to identify each and assign its position in the layout e Right click on the first and choose Manage the web interface will open a o devices Videowall 20HMPs 2 m E v Y My Projects VdeowafHMPs se re Ow v ERS 001d5000001e 001d50000086 001d500000b2 001d500000ed 2009
18. cial effect increases the impact of the message to the user In retails shops hotels and bars multiple displays are deployed in the same hall to create an ambiance or a leitmotif animations can be created to move from one display to the next one creating global effects Two or three small size display can be grouped together to create a larger size display with higher impact to the audience 2009 SpinetiX S A All rights reserved TABLE OF CONTENT 2 MERE E 3 Application examples xt eee eee ieee ve dat desee 3 Table of ete oen ee ee od nie tet a tn a ete vcn te tra tt 4 Multiscreen Displays ETENE 5 ae 6 Designing content for a multiscreen layout ssssssssssseeene mme 6 Choosing Your screens layout 6 Creating a Multiscreenm project Pere Pe a dx Ea a CR e 7 Editing multiscreen contents t er pa eene gl eee e le 8 Configuring HMD and the 100 eren eerte peche mer RR Y RARE nee lie ev e 8 Greate avirtual devices s coros os dedos a oti pedem en iode Cres 8 Configure the Multiscreen ID ener duree retinet te n een e ee d nile ein e i e ea 9 Publish your project on your device
19. ervers are reachable check that the NTP servers are correct and that the network configuration is working fine if not modify the settings and restart the procedure Once a peer other than loopback is selected leave the device running for at least 70 minutes without rebooting After 70 minutes the local clock should be calibrated reboot the device from the maintenance page do not unplug the device before rebooting
20. extId textContent No screen defined 4 lt script lt g gt text x 50 y 50 xml id textID gt _Text_will_be_here_ lt text gt g 23 2009 SpinetiX S A All rights reserved TROUBLESHOOTING Synchronized content over multiple screen need a correct configuration of teh HMP100 and a well designed hyper media project to work as expected In case the project is not displayed correctly here a first list of parameter to check before contacting support spinetix com 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 your web interface and that you have chosen a good NTP server one or more o It should be on your local network to be able to reach the few milliseconds of precision required o Public NTP servers are usually too far to provide such a precision Review section Synchronization for details on inserting NTP server addresses Verify your HMP100s NTP statistics o Values in the column Time offset should be as close to as possible as the example shown in Figure 19 Make sure that at least one NTP server is always reachable at least one column Reach should be equal to 100 In case some of your NTP server can t be reached Status column remains always Initializing it may be behind a firewall or just wrongly configured
21. for initial synchronization at device startup even if only monitored Figure 11 NTP Configuration Once you are on the Date Time configuration page do the following Make sure the NTP Server button is selected Insert the address of your NTP server s Leave the Monitor only options unchecked This option is needed only for advanced configurations Leave the Pause device and startup to 0 s If your HMP100 is using a local NTP server you can increase this value to insure that your HMP100 will boot after your server in case of power cut in your installation for instance Click on Apply to enable the new configuration After you have configured all your HMPs with your local NTP server s they are ready to play synchronized content 13 2009 SpinetiX S A All rights reserved ADVANCED CONFIGURATION Using an HMP as NTP server Under certain circumstances you may want to use an HMP100 unit as time server for the other HMP100 For instance in case of e You don t have a local NTP server and want to use the public servers In this case one HMP100 will synchronize to the public servers and the others HMP100 will be synchronize to this HMP100 This will provide a better accuracy between all the HMP100 e The HMP100 do not have access to the Network In this case one of the HMP100 is used as master whereas the other ones uses it s time as a reference This will not prevent your installation from time drifting but will ins
22. he HMP100 in a multiscreen display the time precision between the HMP100 must be increased This can be done using one of the following method e Configure a local or ISP provided NTP server e Use a third party hardware plug amp play servers e Use a software based NTP server on a PC e Use one HMP100 as NTP server for the other HMP100 Configure NTP through the HTTP interface Open your browser at your HMP100 configuration web page and choose the Date Time tab on the left the page shown in Figure 11 will appear 12 User Guide Synchronized Content V2 0 Information Status Snapshot Display Info Storage Logs Administration Display Settings Network Settings Media Sources Security Date Time Serial Port Pull Mode Firmware Update Maintenance Serial Number 00 1d 50 00 01 49 SpinetiX HMP100 Web Access Current Settings Localtime February 9 2009 10 10 Time Zone Europe Zurich GMT 01 00 Change Time Zone Time Zone Europe v Zurich Change Time Manual Time Settings Date DD MM YYYY 9 February 2009 Time 10 1 0 NTP Server Monitor only Server 1 O pool ntp org Server2 1 poolntp org Server3 2 pool ntp org 4 3poolntp org 5 poolntp org Pause device at startup to wait for NTP servers by 0 5 X Note all servers specified by IP address and the last server specified by name will be used
23. is screen w is the width of this screen h is the height of this screen screenID is the screen identification name of your choice Synchronization element There are two possible techinique to ensure a corect synchronisation between content on different screens The use of a schedule file or the usage of an inline begin time of a documemt The predefined mulitscreen templates are using the inline begin time strategy This means that synchronisation will be automatic when those templates are used The iCalendar ics file The first option for synchronizing content displayed on multiple screens is using an iCalendar file to contain the multiscreen file Figure 15 shows the structure of the files to be created The structure of your project should be as follow e Create an index svg with you multiscreen setup The file should contain the spx multiScreen instructions e Create a iCalendar schedule file e Add your content designed for multiscreen into your schedule 17 2009 SpinetiX S A All rights reserved index svg with multiscreen settings schedule ics content svg Figure 15 iCalendar file for synchronization This configuration let you use multiple schedules together with multiscreen content You can use your custom SVG file or one of the multiscreen template as your index file If you want to use your multiscreen in a setup combining synchronised and un synchronised content The
24. le s p S j My Projects f Multi ae Multiscreen i EE Figure 3 Using a multiscreen index file 2009 SpinetiX S A All rights reserved Editing multiscreen content Once the index file has been created you can start working on your project like for single display project For instance you can e Add a background covering all the displayed content e Add playlist over the complete displayed area e Add a video covering one or multiple screen You can choose to see a global view of your project Document or a single screen portion at any time by pushing the Multiscreen layout view button as shown in Figure 4 Note that the content must obey the limitations of a single HMP100 unit For instance the maximum resolution for a displayed video is SD If you want to display video with higher resolution the video must be cut into 4 or video of smaller sizes Boss i LLLA 16 01 2009 v 0 Document oe ee mm m wmm mm mm 099 eng mmm mmu wpediting a Hocu Figure 4 Multiscreen layout view button Configuring HMD and the HMP100 Before you can publish your project you need to configure your HMP100 to be ready to receive a multiscreen project Two operations are needed The creation of a virtual device in HMD and the configuration of the multiscreen ID of each HMP100 Create a virtual device It is possible to create group of devices under the My Device folder Project can be pu
25. play content on multiple screen using HMD you need to perform the following operations e Create a project based on one of the multiscreen templates available in your install of HMD This will be described in the design section of this document For advanced user you can also create your own custom layout using the SpinetiX multiscreen syntax described in the advance part of this user guide e Create a virtual device to be able to publish your project on all the HMP100 composing your multiscreen display e Configure each HMP100 so that it knows its position in the multiscreen layout It might also be necessary to configure the synchronization server for all the HMP100 e Publish your project on the virtual device 2009 SpinetiX S A All rights reserved DESIGN This chapter will show you how to create multiscreen content using the HMD software provided by SpinetiX Designing content for a multiscreen layout To create a multiscreen layout you need to e Choose the layout of your screens e Replace the index of your project by a multiscreen index e Start working on your project These three steps are described in more details in the following sections Choosing your screens layout HMD provides a set of predefined multiscreen layout To select the correct layout for your screen configuration open the Multiscreen folder located under My templates A snapshot of the folder is shown in Figure 1 All predefined layout corresponds to adj
26. the Configure an HMP as NTP server paragraph in section Synchronization earlier in this chapter Always create trees rather than loops between HMP100s Double check your master Monitor only selected and slave configurations Monitor only NOT selected Project creation Verify that your index svg file does contain the spx begin attribute or that your project use a schedule file ics as explained in section Syntax for multiscreen synchronized content A good test to verify if you content uses a begin attribute or a calendar is to open the index svg in HMD If your project start from the beginning then no schedule are present If opening the project multiple times always shows the same starting point then no schedule are present and the playback will not be synchronized Internal clock calibration The local clock on the device is not calibrated when shipped from factory NTP behaves differently while the local clock is not yet calibrated and it will not synchronize as expected Figure 20 below shows the configuration window before calibration is completed 25 2009 SpinetiX S A All rights reserved NTP statistics Server IP Stratum Status Reach Time offset Delay Dispersion Poll interval loopback 10 reject 100 96 Oms Oms Oms 16s 192 33 96 102 1 peer 100 20ms 14ms 36 ms 64s 192 33 214 57 2 candidate 100 96 7 ms 22ms 30 ms 64s 212 101 3 211 initializing 0 1024s 212 101 0 10 2 candidate 100 20ms 14ms 33 ms
27. the one described by the attribute The spx begin element can be used as follow svg xmlns http www w3 0rg 2000 svg xmlns spx http www spinetix com namespace 1 0 spx height 100 width 100 spx begin Thhmmss viewBox xc yc wc hc gt Lave ad lt svg gt Value definitions spx begin Thhmmss it s the presentation beginning time where T is a fixed flag hh is the hour of the day mm are the minutes ss are the seconds This feature is used by all the predefined multiscreen templates Additional syntax for multiscreen content The following two methods are also available to build multiscreen contents e Extension of the SVG lt switch gt element e JavaSript MULTI_SCREEN_ID variable Extension of the SVG lt switch gt element The SVG lt switch gt element allows to conditionally display SVG elements This is a standard SVG element described in the SVG specification For the handeling of multiscreen content a proprietary condition has been added by SpinetiX This let you visualize a specific content based on the screenID of the player running the show The lt g gt content is shown only if spx multiScreenId is equal to screenID Multiple lt g gt contents for different screenID values can be listed into the same switch element switch lt g spx multiScreenId screenID gt lt g gt lt switch gt Value definitions spx multiScreenId screenID spx multiScreenId is the variable
28. tup to wait for NTP servers by 0 S v Note all servers specified by IP address and the last server specified by name will be used for initial synchronization at device startup even if only monitored 15 2009 SpinetiX S A All rights reserved Figure 13 NTP master configuration With such a configuration you will be able to switch on all your HMP100s at the same time and have them automatically synchronized between them Master server architecture examples As the number of HMP100s in your network grows up several master slave configurations become possible The Figure 14 presents a set of possible configuration The red arrows indicate the server address es entered in the master HMP100 configuration Monitor only The black arrows refer to the values entered for the slave HMP100 s Refer to previous paragraph for configuration details Note that multiple levels of NTP hierarchies is strongly discouraged For large installations it is more appropriate to invest in a NTP server Monitors only Monitors Figure 14 NTP master server architecture Syntax for multiscreen synchronized content The following XML code must be implemented into the index svg file to create a multiscreen document Canvas and viewbox concepts A canvas is the complete area physically described by the SVG index file it may have quite any size it generally corresponds to the rectangle formed by your videowall and it is usually larger th
29. ure that all the HMP100 are synchronized e You have two units that need to be synchronized In this case the two unit can be connected by a cross over cable and one HMP100 configured to be the time reference for the other In all scenario you will have two type of HMP100 a master and some slaves One HMP100 will play the role of NTP server master the other will connect to it for getting the correct time slaves Before adopting this solution please note that this is less reliable than the standard one in particular it s important to know that the clock of the HMP100s will drift apart from UTC time Configuration Each HMP is ready to work as a NTP server but a few parameters must be set to assure a smooth overall operation thus execute the following procedure e Designate one and only unit as the master It should have a static IP address The clock should be already properly calibrated before use for calibration refer to the Troubleshooting section at the end of this document e All other HMP100 units are slaves They should also have static IP addresses but it is not strictly required Configuration of the HMP100 acting as slaves e Identify the slave HMP100 and open its web interface e In the Date Time menu choose NTP Server and write the IP address of the master HMP100 in the first textbox Server 1 e Select 90 s in the menu list corresponding to the option Pause device at startup to wait for NTP servers by
30. utomatically updated and will display the assigned area of the video wall 10 User Guide Synchronized Content V2 0 Devices Mee s TEL My Projects My Devices 2 Devices 3 ua 7 001d500001f1 HMPs andrea Figure 9 Publish to a group of HMPs Once the first publish has been performed you can use the Quick publish button like for single screen projects as shown in Figure 10 E project Videowall S yv My Devices Videowall aS Quick Publish to Videowall HMPs Figure 10 Quick Publish button 11 2009 SpinetiX S A All rights reserved SYNCHRONIZATION In order to be able to display content on multiple display the clocks of the HMP100 must be synchronized The synchronization is done using the Network Time Protocol NTP How to synchronize HMPs The NTP protocol uses one or more NTP server to be able to control the precision of the internal clock Using the NTP protocol it is possible to reach a precision as good as 1ms This is more than sufficient to synchronize a video on multiple screens The HMP100 comes pre configured with some public NTP servers which are fine to regulate local date and time but with the following limitations e Time precision around 200 ms e Firewall needs to let NTP traffic through UDP port 123 e Synchronized content playback across several screens requires higher precision and reliability When using t
Download Pdf Manuals
Related Search