DoubanFMPlayerProject Page: https://github.com/cheng-kang/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.
ShowcaseClick 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) UsageFeel 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.css1. 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..
AcknowledgementsMost SVG icons come from Iconmoon.io.
Designed by Douban.fm.
CopyrightAll copyright of the design belongs to who creates it.
Any copyright issue, please contact hi@chengkang.me.
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/81398.html
摘要:这个版本的命令行界面是参考了版本的制作的向原作者致敬终端界面设计的非常好看感谢的修改已经支持其实版本已经很好了功能齐全但是我发现在我的环境下颜色竟然显示不出来感觉很蛋疼需要播放器依赖如未安装在终端下直接输入第一次登陆需要输入账号密码程序不 douban.fm showImg(https://pypip.in/version/douban.fm/badge.svg); showImg(h...
摘要:的目的是为了提供一个目标检测学习的平台。注看一下这篇联名的机构发布在热乎乎的还烫手总结这个库的目的是为了尽可能介绍的关于目标检测相关的工作。由于还是初学者,所以整理不好不规范的地方,还请大家及时指出。 Object Detection WikiObject detection is a computer technology related to computer vision and im...
摘要:当有一行完全只有这两个中的其中一个人时,的绝对值应该等于这个数列的长度,这样就不需要每次再扫一遍数组。 题目: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...
摘要:原文 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...
阅读 3658·2023-04-25 20:00
阅读 3056·2021-09-22 15:09
阅读 444·2021-08-25 09:40
阅读 3375·2021-07-26 23:38
阅读 2175·2019-08-30 15:53
阅读 1031·2019-08-30 13:46
阅读 2757·2019-08-29 16:44
阅读 1973·2019-08-29 15:32