Musicard is one of the best canvas libraries to create a variety of music cards.
Installation
// using npm
npm install musicard
// using yarn
yarn add musicard
Usage
You can use the Musicard package in your Discord bots, websites, etc.
Using Create File
(async () => {
const { Classic } = require("musicard");
const fs = require("fs")
const musicard = await Classic({ });
// Creates PNG file
fs.writeFileSync("musicard.png", musicard);
})()
Using Discord Bot
const { Classic } = require("musicard");
const fs = require("fs")
const musicard = await Classic({});
...
return message.channel.send({
files: [{
attachment: musicard
}]
})
Themes
Musicard is the #1 canvas library to create music cards with awesome themes.
Classic
(async () => {
const { Classic } = require("musicard");
const fs = require("fs")
const musicard = await Classic({
thumbnailImage: "https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj",
backgroundColor: "#070707",
progress: 10,
progressColor: "#FF7A00",
progressBarColor: "#5F2D00",
name: "Burn",
nameColor: "#FF7A00",
author: "By 2WEI & Edda Hayes",
authorColor: "#696969",
startTime: "0:00",
endTime: "4:00",
timeColor: "#FF7A00"
});
fs.writeFileSync("musicard.png", musicard);
})()
Classic Pro
(async () => {
const { ClassicPro } = require("musicard");
const fs = require("fs")
const musicard = await ClassicPro({
thumbnailImage: "https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj",
backgroundColor: "#070707",
progress: 10,
progressColor: "#FF7A00",
progressBarColor: "#5F2D00",
name: "Burn",
nameColor: "#FF7A00",
author: "By 2WEI & Edda Hayes",
authorColor: "#696969",
startTime: "0:00",
endTime: "4:00",
timeColor: "#FF7A00"
});
fs.writeFileSync("musicard.png", musicard);
})()
Dynamic
(async () => {
const { Dynamic } = require("musicard");
const fs = require("fs")
const musicard = await Dynamic({
thumbnailImage: "https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj",
backgroundColor: "#070707",
progress: 10,
progressColor: "#FF7A00",
progressBarColor: "#5F2D00",
name: "Burn",
nameColor: "#FF7A00",
author: "By 2WEI & Edda Hayes",
authorColor: "#696969"
});
fs.writeFileSync("musicard.png", musicard);
})()
Mini
(async () => {
const { Mini } = require("musicard");
const fs = require("fs")
const musicard = await Mini({
thumbnailImage: "https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj",
backgroundColor: "#070707",
progress: 10,
progressColor: "#FF7A00",
progressBarColor: "#5F2D00",
menuColor: "#FF7A00",
paused: false
});
fs.writeFileSync("musicard.png", musicard);
})()
Mini Pro
(async () => {
const { MiniPro } = require("musicard");
const fs = require("fs")
const musicard = await MiniPro({
thumbnailImage: "https://lh3.googleusercontent.com/yavtBZZnoxaY21GSS_VIKSg0mvzu1b0r6arH8xvWVskoMaZ5ww3iDMgBNujnIWCt7MOkDsrKapSGCfc=w544-h544-l90-rj",
backgroundColor: "#070707",
progress: 10,
progressColor: "#FF7A00",
progressBarColor: "#5F2D00",
name: "Burn",
nameColor: "#FF7A00",
author: "By 2WEI & Edda Hayes",
authorColor: "#696969"
});
fs.writeFileSync("musicard.png", musicard);
})()
Resource
Pull request to add your project here.
| Riffy Music Bot | https://github.com/riffy-team/riffy-music-bot |
|---|
Top comments (3)
Hey 👋🏼
This looks like a good post here. Can you share this in full on DEV?
DEV generally asks that folks share their posts in full if possible and there is tooling provided to make it so that it's relatively easy to repost from outside blogs.
Hope you'll consider sharing the full post going forward.
Done!
Awesome! Thank you!