AMX IS-SPX-1000/1300 manual GET Embedded In an Html, Interactive Pause/Resume From a Device

Page 49

Remote Control

GET Embedded In an HTML Page

The playback GET method can also be embedded in an HTML page. The example below will let you play and pause the media from a remote web page.

You will need to make sure that the web page is stored on a 'trusted' web site. Otherwise, the security settings of many Web browsers might prevent you from using the XML HttpRequest().

<html>

<script>

function set( name, value ) { var request=new XMLHttpRequest();

request.open("GET", "http://192.168.1.10:1234/update?"+ encodeURIComponent(name)+"="+encodeURIComponent(value)); request.send();

}

</script>

<body>

<form>

<button onclick="set('playback','PLAY')">Play</button> <button onclick="set('playback','PAUSE')">Pause</button> </form>

</body>

</html>

Interactive Pause/Resume From a Device

Alternatively, you can control the playback of your document using the template menu_buttons.svg. The document can be used both on the player of the media file or on remote devices.

To use the menu_buttons.svg file to control the playback, you need to configure the name of the shared variable to 'playback' or 'playback@hostname' (FIG. 52). You then need to configure the action related to the button to trigger the PLAY and PAUSE commands.

FIG. 52 Configuring the shared variable name

Timed pause/seek/resume

To change the time position of the media, you can change the playback variable at any time and set it to “PLAY” with a time position. For instance, to seek at 6.5 seconds from the start of the media, send the following command:

UPDATE "playback" "PLAY 6.5"

To pause playback at a precise position, say at 7 seconds, you would send the following command:

UPDATE "playback" "PAUSE 7"

This is equivalent to a seek to position plus pause operation.

If you wish to resume playback, just send a PLAY command with the same position as the last PAUSE.

It is also possible to use a relative position depending on the content duration to control the pause and play time. In this case, the position should be specified in percentages. For instance, to start play at 10% from the start of the media, send the following command:

UPDATE "playback" "PLAY 10%"

Inspired XPress - Programming Guide

41

 

 

Image 49
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 When to use XPress Authoring Features? InstallationInstalling Inspired Signage XPress for the First Time IntroductionXPress 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 PresentationsImporting 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 Composing a Live News Document Special News TemplatesLayout Templates Format HelpersNews.svg Customizing a News SVG DocumentNewsticker.svg Newscrawler.svgSwitch.svg Using Format HelpersBouncingtext.svg Fittext.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 MonitoringScheduling Scheduling the Content Displayed by an IS-SPX PlayerCheck the Status of the Devices Open a DeviceOpen 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 ContentWhen To Use Remote Control Remote Control of ContentHow To Use Remote Control OverviewID 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 MasterSynchronization Elements Syntax for Multiscreen Synchronized ContentCanvas and Viewbox Concepts Multiscreen ElementsExtension 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 ElementExample JavaScript TroubleshootingNTP Synchronization Project CreationSynchronized 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 Sample Code Setting the VariableNetwork API Reading the VariableNetwork 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 VariableScreen Mute Picture Off Screen Mute Picture OnMute On Sound Mute Off 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