Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
blocks:app-note:world_clock [2020-10-16 15:31] mattias |
blocks:app-note:world_clock [2022-06-22 19:06] (current) admin removed atom references |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== World Clock ====== | ====== World Clock ====== | ||
- | This application note describes the use of a web block to show a locally stored webpage showing a corporate | + | This application note shows how to use a Web Block to show a reception-style world clock. The web page shown uses the local player' |
- | The application uses a client-side script to fetch the local computer time. The value is parsed out using the selected time zone setting and applies Daylight Savings Time and GMT offset according to the time zone automaticly. | + | :!: This assumes your player' |
- | :!: It is important to have a correct computer time. See this section for more on system-wide[[: | + | |
===== Installation ===== | ===== Installation ===== | ||
- | First follow this [[blocks: | + | First follow this [[blocks: |
- | Once that is done, follow these steps: | + | |
Line 17: | Line 15: | ||
- Open a second browser window and type in the URL: http:// | - Open a second browser window and type in the URL: http:// | ||
- Locate the main display in the editor, double-click it and reassign it to the ID shown in the test spot window opened in the previous step. | - Locate the main display in the editor, double-click it and reassign it to the ID shown in the test spot window opened in the previous step. | ||
- | . | ||
You should now see the world clock on the display spot. | You should now see the world clock on the display spot. | ||
Line 31: | Line 28: | ||
===== Configure locations ===== | ===== Configure locations ===== | ||
- | Open the root folder | + | Open the root folder |
{{: | {{: | ||
Line 42: | Line 39: | ||
The default styling is found inline in the index.html file. This can be edited as required or a separate stylesheet can be linked from the index.html file to suit your project. | The default styling is found inline in the index.html file. This can be edited as required or a separate stylesheet can be linked from the index.html file to suit your project. | ||
- | |||