Copy the embed HTML code below and paste it into <head></head> of a web page if you would like to show animation synchronized with music.
Embed Code
Examples of background animation
If the music-synchronized animation is not shown behind the main text or is not shown at all, it is necessary to modify a block element (like "div") behind the main text so that it looks like <div id="BACKGROUND" data-songle-visualizer-target="true"> or <div id="BACKGROUND" data-songle-visualizer-target="true" style="position:relative; z-index:1;"> , for example. In some cases, it would also be necessary to adjust the value of "z-index" in other elements. When data-songle-visualizer-target="true" is written, the animation is shown on its block element. Otherwise, the animation is shown on the background.
The music-synchronized animation cannot be shown on Internet Explorer 8 or below because HTML5 is not supported.
Chorus and repeated sections as well as the music-synchronized animation are sometimes not shown on Chrome with Windows XP because Canvas is disabled in such an environment.