Share via

Adding Visualizations

  • Article

[The feature associated with this page, Windows Media Player SDK, is a legacy feature. It has been superseded by MediaPlayer. MediaPlayer has been optimized for Windows 10 and Windows 11. Microsoft strongly recommends that new code use MediaPlayer instead of Windows Media Player SDK, when possible. Microsoft suggests that existing code that uses the legacy APIs be rewritten to use the new APIs if possible.]

You can add a visualization window the same way you added a video window. The same skin can be used, but an EFFECTS element is used.

First you must add the EFFECTS element and give it an ID and size:

       <EFFECTS
            id = "myeffects"
            top = "25"
            left = "88"
            width = "180"
            height = "150"/>

Then you can assign the two buttons a previous and next visualization code string:

        <BUTTONELEMENT
            mappingColor = "#00FF00"
            upToolTip = "Next"
            onClick = "JScript:myeffects.next(); " />
                          
        <BUTTONELEMENT
            mappingColor = "#FF0000"
            upToolTip = "Previous"
            onClick = "JScript:myeffects.previous(); " />

The layers and bitmaps were the same ones used in the video example, except that the play arrow was copied and flipped horizontally.

Finally, a simple PLAYER element with the URL attribute was added to choose a song to play.

      <PLAYER
          URL = "https://proseware.com/mellow.wma">
      </PLAYER>

You can see a similar working visualization skin in the sample section of the SDK.

Skin Creation Guide