Chord Edit

Melody Edit

Chorus Edit

Songle Embedded Player

Copy the embed HTML code below and paste it into &lt;head&gt;&lt;/head&gt; of a web page<br />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 embedded player and 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.

When the Songle Embedded Player and video player are embedded, they have to be shown to users. The use of music playback and music-synchronized animation without displaying the Songle Embedded Player and video playback is not permitted.