Project Page:

DoubanFMPlayer

A mimic of Douban.fm player on . Also a Flex practice project.

You can use it on your website or embed it in your Hexo theme.

Showcase

Click to check live demo.

Dark Theme (the color of the player is dark, used in light color web page)

Light Theme (the color of the player is light, used in dark color web page)

Usage

Feel free to download source code from /src folder.

Alternatively, use the cdn I've set up:

dbfmplayer.js: http://7u2sl0.com1.z0.glb.clouddn.com/dbfmplayer.jsdbfmplayer.css: http://7u2sl0.com1.z0.glb.clouddn.com/dbfmplayer.css

1. Use it on your website

1. Add any numbers of dbfmplayer tag to your HTML file.

   You must set title, singer, album and music attributes of your dbfmplayer tags.

   • title: name of the music

   • singer: name of the singer/musician

   • album: URL of a picture related to this music (both absolute URL or relative URL)

   • music: URL of the music (both absolute URL or relative URL)

   Optional attributes are theme and loop.

   • theme: "dark" or "light". Default theme is "dark", which is suitable for light color background web pages; theme "light" is suitable for dark color background web pages.

   • loop: "true" or "false". Default value is "false". If loop is set to "true", the music will loop after it ends.

   • autoplay: "true" or "false". Default value is "false". If autoplay is set to "true", the music will automatically start when it's loaded.

   You can set loop and autoplay to "true" in a convenient way:

2. Add the following script to your HTML file.

2. Embed it in your Hexo theme

1. Add the following script to your layout file for Post (or anywhere else you want):

2. Now users can add music to their page by adding the dbfmplayer tag to their articles (markdown files) by following 1.1 Add any numbers of dbfmplayer tag to your HTML file..

Acknowledgements

Most SVG icons come from .

Designed by .

Copyright

All copyright of the design belongs to who creates it.

Any copyright issue, please contact .