AMX IS-SPX-1000/1300 manual Editing Media Elements Layout, Demonstration of Media Elements

Page 20

Inspired Signage XPress Programming

Editing Media Elements Layout

Media elements can be declared as transformable in SVG templates. If a media is transformable, then its layout can be edited directly in the preview area. Such elements appear in the preview panel highlighted by a black and yellow border. Simply move your mouse cursor on a media element to check if it can be transformed.

FIG. 13 Demonstration of Media Elements

When you select a media element by clicking it, four arrows appear on the corners of the selected media. You may now do the following interactive operations on this media directly with your mouse:

 Move: Click on the element to move it using the mouse.

 Zoom: Click on one of the arrows to modify the dimension of the element using the mouse.

 Resize: Click on one of the arrows and press CTRL to change the size of the element.

Rotate: Click once on the element, the arrows will be modified. Click on the arrow on the corner to rotate the element

 Skew: Click once on the element, the arrows will be modified. Click on the top, or side arrows to skew the element

The difference between the zoom and the resize action depends on the elements.

Text area: Zoom will change the size of the text. Resize will modify the text area, thus enabling to write more text.

 Media (image, video, animation): Zoom will change the size of the media. Resize will change the size of the media area, thus the aspect ratio of the media will not be modified.

 Rectangles: Zoom will change the size of rectangle including the border. Resize will change the size of the rectangle, but not the border.

The image below shows an example of the effect of the Zoom and Resize operation on the different elements.

FIG. 14 Effects of Zoom and Resize on Media Elements

12

Inspired XPress - Programming Guide

Image 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 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