资讯专栏INFORMATION COLUMN

DoubanFMPlayer, A mimic of Douban.fm player

lastSeries / 2816人阅读

Project Page: https://github.com/cheng-kang/DoubanFMPlayer

DoubanFMPlayer

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

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

Showcase

Click here 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.js
dbfmplayer.css: http://7u2sl0.com1.z0.glb.clouddn.com/dbfmplayer.css
1. Use it on your website

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:

Add the following script to your HTML file.

2. Embed it in your Hexo theme

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

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 Iconmoon.io.

Designed by Douban.fm.

Copyright

All copyright of the design belongs to who creates it.

Any copyright issue, please contact hi@chengkang.me.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/81398.html

相关文章

  • 基于python的豆瓣FM(终端命令行界面)

    摘要:这个版本的命令行界面是参考了版本的制作的向原作者致敬终端界面设计的非常好看感谢的修改已经支持其实版本已经很好了功能齐全但是我发现在我的环境下颜色竟然显示不出来感觉很蛋疼需要播放器依赖如未安装在终端下直接输入第一次登陆需要输入账号密码程序不 douban.fm showImg(https://pypip.in/version/douban.fm/badge.svg); showImg(h...

    xiaoqibTn 评论0 收藏0
  • GitHub:目标检测最全论文集锦

    摘要:的目的是为了提供一个目标检测学习的平台。注看一下这篇联名的机构发布在热乎乎的还烫手总结这个库的目的是为了尽可能介绍的关于目标检测相关的工作。由于还是初学者,所以整理不好不规范的地方,还请大家及时指出。 Object Detection WikiObject detection is a computer technology related to computer vision and im...

    ybak 评论0 收藏0
  • 348. Design Tic-Tac-Toe

    摘要:当有一行完全只有这两个中的其中一个人时,的绝对值应该等于这个数列的长度,这样就不需要每次再扫一遍数组。 题目:Design a Tic-tac-toe game that is played between two players on a n x n grid. You may assume the following rules: A move is guaranteed to b...

    zhkai 评论0 收藏0
  • Start Using Java Lambda Expressions(转载)

    摘要:原文 Introduction (Business Case) Lambda expressions are a new and important feature included in Java SE 8. A lambda expression provides a way to represent one method interface using an expression...

    FullStackDeveloper 评论0 收藏0

发表评论

0条评论

lastSeries

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<