Feathers UI
  • Docs
  • API
  • Showcase
  • Blog
  • Community

›Media components

Getting started

  • Installation
  • Hello World
  • Create a new project in…

    • Adobe Flash Builder
    • IntelliJ IDEA
    • FlashDevelop
    • Adobe Animate
  • Features

Components

  • Alert
  • AutoComplete
  • Button
  • ButtonGroup
  • Callout
  • Check
  • DataGrid
  • DateTimeSpinner
  • Default item renderers
  • Drawers
  • GroupedList
  • Header
  • ImageLoader
  • Label
  • LayoutGroup
  • List
  • NumericStepper
  • PageIndicator
  • Panel
  • PanelScreen
  • PickerList
  • ProgressBar
  • Radio
  • Screen
  • ScreenNavigator
  • ScrollBar
  • ScrollContainer
  • ScrollScreen
  • ScrollText
  • SimpleScrollBar
  • Slider
  • SpinnerList
  • StackScreenNavigator
  • TabBar
  • TabNavigator
  • TextArea
  • TextCallout
  • TextInput
  • Toast
  • ToggleButton
  • ToggleSwitch
  • Tree
  • WebView

Media components

  • SoundPlayer
  • VideoPlayer
  • More media controls

Text

  • Text renderers
  • Text editors
  • TextBlockTextRenderer
  • BitmapFontTextRenderer
  • TextFieldTextRenderer
  • StageTextTextEditor
  • TextBlockTextEditor
  • BitmapFontTextEditor
  • TextFieldTextEditor

Layouts

  • AnchorLayout
  • FlowLayout
  • HorizontalLayout
  • HorizontalSpinnerLayout
  • SlideShowLayout
  • TiledColumnsLayout
  • TiledRowsLayout
  • VerticalLayout
  • VerticalSpinnerLayout
  • WaterfallLayout
  • Custom layouts
  • ILayoutDisplayObject and ILayoutData (Starling version)
  • Custom layouts with virtualization

Skinning and themes

  • Skinning Feathers components
  • Introduction to themes
  • Extending the example themes
  • Creating custom themes
  • Style providers in-depth
  • Managing assets in themes
  • Original design sources for example themes

Custom components

  • Component lifecycle
  • Component anatomy
  • Validating with draw()
  • Custom item renderers
  • Custom item renderers with LayoutGroup
  • Custom item renderers with FeathersControl

Animation

  • Effects and animations
  • Navigator animated transitions

Miscellaneous

  • Displaying pop-ups
  • Focus management
  • Drag and drop
  • Tool-tips
  • Feathers SDK and MXML
  • Cookbook
  • FAQ
  • Prerelease
  • Deprecation policy
  • Beta policy

Contributing

  • Build Feathers from source
  • Coding conventions

Migration guides

  • 4.0 Migration Guide
  • 3.3 Migration Guide
  • 3.1 Migration Guide
  • 3.0 Migration Guide
  • 2.0 Migration Guide
Edit

Feathers media player controls (Starling version)

Media players can have many different types of sub-components for customizing the playback behavior. Buttons might pause or play the media, switch to full screen mode, or mute the volume. Sliders might seek to a different time or change the volume. The SoundPlayer and VideoPlayer components may be customized with a number of these controls. Let's look at which ones are available in Feathers.

FullScreenToggleButton

The FullScreenToggleButton class is a special toggle button component that controls whether a video player is displayed in full screen mode or not.

var button:FullScreenToggleButton = new FullScreenToggleButton();
videoPlayer.addChild( button );

MuteToggleButton

The MuteToggleButton class is a special toggle button component that controls whether the media player's audio is muted or not.

var button:MuteToggleButton = new MuteToggleButton();
mediaPlayer.addChild( button );

PlayPauseToggleButton

The PlayPauseToggleButton class is a special toggle button component that controls whether the media player's media is playing or paused.

var button:PlayPauseToggleButton = new PlayPauseToggleButton();
mediaPlayer.addChild( button );

SeekSlider

The SeekSlider class is a special slider component that displays and changes the current time of the playing media.

var slider:SeekSlider = new SeekSlider();
mediaPlayer.addChild( slider );

TimeLabel

The TimeLabel class is a special label component that displays the current time, the remaining time, or the total time of the playing media. It can also display the current time and the total time together.

var label:TimeLabel = new TimeLabel();
label.displayMode = TimeLabel.DISPLAY_MODE_CURRENT_TIME;
mediaPlayer.addChild( label );

VolumeSlider

The VolumeSlider class is a special slider component that changes the current volume of the playing media.

var slider:VolumeSlider = new VolumeSlider();
mediaPlayer.addChild( slider );

Related Links

  • How to use the SoundPlayer component

  • How to use the VideoPlayer component

Last updated on 1/28/2020
← VideoPlayerText renderers →
  • FullScreenToggleButton
  • MuteToggleButton
  • PlayPauseToggleButton
  • SeekSlider
  • TimeLabel
  • VolumeSlider
  • Related Links
Feathers UI
Feathers UI
  • Downloads
  • Showcase
  • Testimonials
  • Premium Support
Documentation
  • Getting Started
  • API Reference
  • Samples
    Github
  • Source Code
  • Issue Tracker
Community
  • Forum
  • Discord
  • Stack Overflow
News & Updates
  • Blog (RSS, Atom)
  • Twitter
Make a Donation
  • Join Github Sponsors
  • Donate with PayPal
  • Buy a T-Shirt
Copyright © 2022 Bowler Hat LLC — Illustrations by unDraw.