Movie Masher

open source video editing tools for your site

HomeExamplesFAQDocumentationDownload

Controls

All onscreen elements within the Movie Masher interface are considered controls. The simplest interface controls include buttons, text fields and color pickers, while more complex widgets include the Player, Timeline and Browser.

Layouts typically contain just one instance of the more complex controls and many instances of the simpler ones, which might be labeled or skinned differently depending on their assigned functionality. For example, the Icon control can be used to create multiple buttons like cut, copy and paste with each using different skin graphics that convey their function. There can actually be up to three graphics related to each button - one for its normal, disabled and selected/hovered states.

Another all-purpose control is the Slider, which is used to change a numeric property which it's been bound to. For instance, one slider control could be bound to the volume property of the player control and another to its location property. The look of these sliders can differ because different button graphics can be specified for each. The slider also has two additional background graphics, the second of which is masked so that portions appearing after the current button position are invisible.

The timeline control is used to display a whole mash linearly as a sequence of clips within a scrollable view. Drag and drop allows clips to be rearranged and even trimmed, without the need for additional controls. As users click on clips, the timeline maintains a 'selection' object which then makes their editable properties available to the other controls that may be bound to them.

Since so many clip properties are numeric and textual, most editing interfaces rely heavily on the Slider and Field controls. But more complex properties like trim, color and volume fading require more advanced controls like the dedicated Trimmer and Picker, and the Plotter which can also be used to change the fade of certain effects over time. Some effects like Composite have properties which can be edited using the drag and drop Browser control.
© Movie Masher 2006-2010