musicards
v1.0.0
Published
Musicard is one of the best canvas libraries to create a variety of music cards.
Downloads
77
Maintainers
Readme
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
import { Classic } from 'musicard';
import fs from 'fs';
//OR
const { Classic } = require('musicard');
const fs = require('fs');
Classic({}).then(x => {
fs.writeFileSync('output.png', x);
});
Using Discord Bot
const { Classic } = require("musicard");
const fs = require("fs")
const musicard = await Classic({});
...
return message.channel.send({
files: [{
attachment: musicard
}]
})
Custom Background (New)
Use a custom image background and also adjust the darkness of the image.
import { Classic } from 'musicard';
import fs from 'fs';
Classic({
thumbnailImage:
'https://cdn.discordapp.com/attachments/1220001571228880917/1220001571690123284/01.png?ex=660d5a01&is=65fae501&hm=a8cfb44844e61aa0fd01767cd363af048df28966c30d7b04a59f27fa45cf69c4&',
backgroundImage:
'https://cdn.discordapp.com/attachments/1220001571228880917/1220001571690123284/01.png?ex=660d5a01&is=65fae501&hm=a8cfb44844e61aa0fd01767cd363af048df28966c30d7b04a59f27fa45cf69c4&',
imageDarkness: 60,
nameColor: '#DC92FF',
progressColor: '#DC92FF',
progressBarColor: '#2B2B2B',
progress: 50,
}).then(x => {
fs.writeFileSync('output.png', x);
});
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);
})();
Upcoming
(async () => {
const { Upcoming } = require('musicard');
const fs = require('fs');
const musicard = await Upcoming({
thumbnailImage: 'https://img.youtube.com/vi/lmG0kY9FtRY/maxresdefault.jpg',
backgroundImage: fs.readFileSync('bg.png'),
imageDarkness: 70,
author: 'Testing by UG',
title: 'Bad Boy (feat. Luana Kiara)',
trackIndexBackgroundRadii: [10, 20, 30, 40, 50, 60, 70, 80, 80, 100],
});
fs.writeFileSync('musicard.png', musicard);
})();
Resource
Pull request to add your project here.
| Riffy Music Bot | https://github.com/riffy-team/riffy-music-bot | | --------------- | --------------------------------------------- |