Songle

Key Help

Songle Embedded Player

Copy and paste the embed HTML code below.

Embed Code

Preview

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.