Ticket #228 (closed feature: fixed)

Opened 5 years ago

Last modified 4 years ago

Move to XML / PNG skinning

Reported by: jeroen Owned by: pablo
Priority: Milestone: Flash 5.0
Component: Keywords:
Cc: Forum thread:

Description (last modified by pablo) (diff)

PNG skinning is built into the player in versions 5.0 and above. (Version 4 SWF skins are also supported). The skin is created by setting up an XML file which points to the PNG files used for skinnable elements. In a future release, a ZIP file containing the XML and PNG files may be loaded.

Some bulletpoints on PNG skinning:

Controlbar skinning

  • Contains colorizable background and shading elements
  • The controlbar needs a default button background and vertical spacer component.
  • Each button listed may contain an optional background and mouseover image.

Controlbar flashvars

  • layout (button names & ordering)
  • position
  • size

Controlbar button skinnable elements

If no Over state is specified, the button graphics will be colorized on mouse over.

  • playButton (playButtonOver, playButtonBack)
  • pauseButton (pauseButtonOver, pauseButtonBack)
  • stopButton (stopButtonOver, stopButtonBack)
  • prevButton (prevButtonOver, prevButtonBack)
  • nextButton (nextButtonOver, nextButtonBack)
  • fullScreenButton (fullScreenButtonOver, fullScreenButtonBack)
  • normalScreenButton (normalScreenButtonOver, normalScreenButtonBack)
  • muteButton (muteButtonOver, muteButtonBack)
  • unmuteButton (unmuteButtonOver, unmuteButtonBack)

Controlbar slider skinnable elements

  • timeSlider (timeSliderRail, timeSliderBuffer, timeSliderProgress, timeSliderThumb)
  • volumeSlider (volumeSliderRail, volumeSliderBuffer, volumeSliderProgress, volumeSliderThumb)

Additional controlbar elements

  • back
  • shade
  • divider

Display skinning

  • back
  • playIcon
  • muteIcon
  • errorIcon
  • bufferIcon (rotated)

Playlist skinning

  • itemBack
  • itemShade
  • sliderRail
  • sliderThumb

Dock skinning

  • buttonBack (colorized)
  • buttonShade

Coloring

  • Used player-wide for whatever content each plugin wants it to use.

Change History

comment:1 Changed 5 years ago by jeroen

  • Summary changed from xmlpng skinning to xml+png skinning

comment:2 Changed 5 years ago by jeroen

  • Status changed from new to closed
  • Resolution set to wontfix
  • Description modified (diff)

comment:3 Changed 4 years ago by jeroen

  • Status changed from closed to reopened
  • Resolution wontfix deleted
  • Description modified (diff)
  • Milestone changed from Flash 4.3 to Flash 4.5

comment:4 Changed 4 years ago by jeroen

  • Owner set to pablo
  • Status changed from reopened to new

comment:5 Changed 4 years ago by jeroen

  • Type changed from plugin to feature
  • Description modified (diff)

comment:6 Changed 4 years ago by jeroen

  • Summary changed from xml+png skinning to png skinning

comment:7 Changed 4 years ago by jeroen

  • Owner changed from pablo to jeroen

comment:8 Changed 4 years ago by jeroen

  • Summary changed from png skinning to Move to PNG skinning
  • Milestone changed from Flash 4.5 to Flash 5.0

comment:9 Changed 4 years ago by jeroen

  • Description modified (diff)

comment:10 Changed 4 years ago by jeroen

Skinner should also be able to load legacy SWF skins.

comment:11 Changed 4 years ago by jeroen

  • Owner changed from jeroen to pablo

comment:12 Changed 4 years ago by jeroen

  • Owner changed from pablo to jeroen

comment:13 Changed 4 years ago by jeroen

Interesting site that has a lot of JW Player skins:  http://www.flashskins.co.uk

We should make sure that 5.0 still supports the way they skin players.

comment:14 Changed 4 years ago by jeroen

  • Owner changed from jeroen to zach

comment:15 Changed 4 years ago by zach

  • Owner changed from zach to pablo

comment:16 Changed 4 years ago by pablo

  • Status changed from new to closed
  • Resolution set to fixed
  • Description modified (diff)
  • Summary changed from Move to PNG skinning to Move to XML / PNG skinning
Note: See TracTickets for help on using tickets.