Quick Sign In:  

 Skin BlockWave

Back to Skin SDK

Skin SDK: The <blockwave> element

Create a Block-style monochrome Waveform without any skin graphics. This kind of waveform is used in the default Video skins of VirtualDJ 2018

Syntax : <blockwave color="" blocksize="" zoom="" center="" deck="" panel="" visibility="" os="">

Inherited Attributes :
visibility="" os="" panel="" deck=""
See Global Element Attributes

  • color="" : Define the color of the blocks in the waveform. Can take HTML, RGB, ARGB or pre-defined colors (green, red, blue etc). See Color Definitions
  • blocksize="" : Define the actual width in pixels (integer) of the blocks in the waveform. The space between each block is hard-coded to 1:1
  • zoom="" : Define (integer value) how many samples are in one block. zoom=1 means 80 blocks per seconds, zoom=2 means 40 blocks per seconds etc) . zoom="4" is used in the default VirtualDJ 2018 Video-skins.
  • center="middle" : Optionally use this parameter to center the blockwave (current position at the middle). If not used, the blockwave will be left-aligned, so the current position will be the far left edge.

Children: :
  • <pos x="" y=""/> : Define the position (X, Y coordinates in pixels) for the element to be displayed inside the skin. Read further in Skin Element Position
  • <size width="" height=""/> : Define the width and height of the element.


<blockwave deck="left" blocksize="5" zoom="4" color="#0d86e3" center="middle">
<pos x="5" y="10" />
<size width="1280" height="150"/>

Back to Skin SDK