Help Topics Version 2.0

Media Player Component

The purpose of Media Player components is to display media assets in multi-touch scenarios, including image, audio and video assets. It is a nice and powerful tool to present your content.

For users, working with Media Player components is similar to working with any other media application such as QuickTime. The operating principles are very much the same, so users should be able to quickly adapt to it and have fun with your content.

Creating a Media Player Component

Simply drag and drop the Media Player component from the Library into the Stage. Also, a corresponding entry will be created in the Scene Manager. You can drag the entry to its place in the Scene Manager.

A Media Player component has a default layout when you add it to a multi-touch scenario. Modify the settings to your liking to have it fit your project's goals and to play back the appropriate media assets.

Using a Media Player Component

Media Player components are used to play back various media assets in your multi-touch project. They are different from Image components in that they can contain video and audio. They also give you the option to create playlists, whereas the Image component can only present a single image asset.

There are several other features that make the Media Player component interesting. You can set it to automatically close after it finishes playing its contents, or you can set an Advance Interval or a Fill Mode. These settings are available in the Properties tab of the Inspector.

Note: You can quickly create slideshows by simultaneously dragging multiple image assets into the Stage. A Media Player component is automatically created with the dropped images in its playlist.

Work Example

In this example, we will use a Media Player component to add a video to a multi-touch project. You can find this example project as part of the Screencast 2.0 project, which is also treated in the screencasts on the same page. Since the settings have already been made in the demo project, you can follow these steps to see how this project works.

This multi-touch scenario contains multiple Media Player components. Let's see how to set up one.

  1. Start by adding a Media Player component into the Stage.
  2. Adjust the size and position of the component. Place it in the upper left and adjust it to correspond to the size of the other Media Player components. Set a size of 500 by 280 px to match the others and place its position at X = 384 px, Y = 831 px.
  3. Now adjust the Touch Behavior. This component is to remain stationary, so simply disable the Draggable property.
  4. Now add a video asset by dragging it from the Library and dropping it into the Playlist property.

These are the basic settings for this Media Player component. To expand its interaction, some actions were added to it. You can learn more about actions in the corresponding sections.

Related Topics

© ~sedna gmbh 2016