CSPLAYER

Csplayer is a audio player written in javascript using Windows Media Player and Html5 audio.
Csplayer have 7 display types for lyrics animation:

  1. Defaultdisplay - Line by line is inserted
  2. Linescrolldisplay - Lyric line scroll in and out
  3. Led - Draw lyric line using images (each point in a char use a image)
  4. Mirror - (Using html5 canvas to draw a mirror ripple of lyric line)
  5. Rotate -(Using html5 canvas to rotate lyric line into display)
  6. Vml - (Using Vml to display lyric line, for use in Internet Explorer only)
  7. No Display - Raise captioncommand event only

Default Lyric Display

Default Lyric Display

Scroll Lyric Lines Display

Default Lyric Display

Led - Draw Chars using images

Default Lyric Display

Mirror Ripple Lyric Display

Default Lyric Display

Rotate Lyric Display

Default Lyric Display

Vml Lyric Display

Default Lyric Display

Some failures found during testing:

Led- draw lines using images is to much for Firefox!
Firefox doesn't update the drawning, it is to heavy for this browser!
After updated to IE 11 doesn't IE update the draw (insert)images fast anymore
Firefox doesn't raise event oncaptioncommand
          
          window.onCaptionCommandChange=function(obj){
              captioncommand.innerHTML="<div>" + obj + "</div>"
          }
        
        
Download script and samples

IE window.createPopup() samples:

These will only work in Internet Explorer, and have been tested (used) in Windows Mail and Windows Live Mail.
These samples are not included in the script sample download.
Using the csplayer script in the popup body.
Using the csplayer script and also add image slideshow in the popup body.
  1. Use csplayer script in popup
  2. Use csplayer and have a image slideshow in popup

Back to Lyrics and samples