Voiclin lets you play music with Youtube, Spotify, Soundcloud, playlists you create,  your files, and more!

Voiclin

<html>
<head>
<style>
.info-text{
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
padding:20px;
color:var(--top-gg-colors-contrast-60);
}
.info-text>p{
margin-top:40px;
max-width:600px;
margin:0 auto 40px;
font-size:14pt;
line-height:1.8rem;
color:var(--top-gg-colors-contrast-60);
}
.info-text>p>span{
color:var(--top-gg-colors-brand-100);
}
.info-text>span{
color:var(--top-gg-colors-brand-100);
margin-bottom: 3em;
font-size: 20px;
}
.info-text>h1{
text-align:center;
display:inline-block;
font-size: 30px;
font-weight:700;
border-bottom:2px solid #242424;
margin:0 auto 20px;
padding-bottom:10px;
width:100%!important;
max-width:3000px;
color:var(--top-gg-colors-text-100);
}
.is-half{
width:70%;
}
.is-part{
width:30%;
}
.is-centered{
text-align:center;
display:flex;
justify-content:center;
}
.content>.columns{
padding:40px 20px;
margin:0;
display:flex;
}
.footer-buttons{
text-align:center;
display:flex;
justify-content:center;
}
.btn1{
background:var(--top-gg-colors-brand-100);
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .15s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
.btn1:hover{
opacity:1;
background:var(--top-gg-colors-brand-80)!important
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
.btn2{
border-width: 2px;
border-color:var(--top-gg-colors-brand-100)
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .15s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0 0px 0px 0px var(--top-gg-colors-brand-80)!important
}
.btn2:hover{
opacity:1;
background:var(--top-gg-colors-brand-80)!important
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
@media screen and (min-width:769px){
.reversed{
flex-direction:row-reverse;
}
}
.entity-content__divider { display: none }
.entity-owner, .entity-owner * {
  background:transparent !important;
  border:none !important;
  border-radius:999pt !important;
}
.entity-table__cell {
  border-top:1px;
}
.entity-table {
  border-radius:7px;
  overflow:hidden;
}
.entity-tag {
  border-radius:999pt !important;
  padding:4pt 12pt !important;
}
.entity-button--primary {
  border-radius:999pt;
  padding:2pt 5pt;
}
.entity-header__button {
  border:none;
}
.entity-button {
  border-radius:999pt !important;
  width:fit-content;
  display:inline-block;
  padding:4pt 12pt !important;
  background:var(--background-secondary);
}
.h1-text {
font-weight: bold;
color: #ffffff;
}
</style>
</head>
<body>
<div class="columns is-centered">
<div class="info-text">
<center style="margin-bottom: 32px;"><a href="https://voiclin.com" rel="nofollow"><img height="250" width="250" src="https://voiclin.com/750x750.png"></a></center>
<a href="https://voiclin.com" rel="nofollow"><h1>Voiclin</h1></a>
<span>Powerful and fastest Discord music bot</span>
<div class="footer-buttons">
<a href="https://voiclin.com/invite" rel="nofollow">
<span class="btn1">Invite</span>
</a>
<a href="https://voiclin.com/commands" rel="nofollow">
<span class="btn2">Commands</span>
</a>
</div>
</div>
</div>

<div class="columns is-centered">
<div class="column is-half info-text">
<h1 class="h1-text">Music</h1>
<p>Voiclin's <span>high quality</span> music feature that supports playing music from <span>Spotify</span>, <span>YouTube</span>, <span>Soundcloud</span>, <span>Apple Music</span>, <span>Deezer</span>, <span>Vimeo</span>, <span>playlists you create</span>, and <span>your files</span>.</p>
</div>
<div class="column is-part">
<center><img height="250" width="400" src="https://voiclin.com/Music.png"></center>
</div>
</div>

<div class="columns is-centered reversed">
<div class="column is-half info-text">
<h1 class="h1-text">Custom Configurations</h1>
<p>Customize your music experience with changeable music settings, add some <span>Bass</span> to the sounds or enhance it with <span>other effects</span>!</p>
</div>
<div class="column is-part">
<center><img height="250" width="400" src="https://voiclin.com/Adjustable.png"></center>
</div>
</div>
</body>
</html>

stoping play in the middle of the track and exit

<html><head></head><body><div>
<div>
<style>
.info-text{
display:flex;
flex-direction:column;
justify-content:center;
text-align:center;
padding:20px;
color:var(--top-gg-colors-contrast-60);
}
.info-text>p{
margin-top:40px;
max-width:600px;
margin:0 auto 40px;
font-size:14pt;
line-height:1.8rem;
color:var(--top-gg-colors-contrast-60);
}
.info-text>p>span{
color:var(--top-gg-colors-brand-100);
}
.info-text>span{
color:var(--top-gg-colors-brand-100);
margin-bottom: 3em;
font-size: 20px;
}
.info-text>h1{
text-align:center;
display:inline-block;
font-size: 30px;
font-weight:700;
border-bottom:2px solid #242424;
margin:0 auto 20px;
padding-bottom:10px;
width:100%!important;
max-width:3000px;
color:var(--top-gg-colors-text-100);
}
.is-half{
width:70%;
}
.is-part{
width:30%;
}
.is-centered{
text-align:center;
display:flex;
justify-content:center;
}
.content>.columns{
padding:40px 20px;
margin:0;
display:flex;
}
.footer-buttons{
text-align:center;
display:flex;
justify-content:center;
}
.btn1{
background:var(--top-gg-colors-brand-100);
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .15s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
.btn1:hover{
opacity:1;
background:var(--top-gg-colors-brand-80)!important
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
.btn2{
border-width: 2px;
border-color:var(--top-gg-colors-brand-100)
color:#ffffff;
margin:8px 12px;
border-radius:10px;
transition:all .15s!important
display:inline-block;
height:36px;
line-height:36px;
font-size:20px;
padding:12px;
margin-top:20px;
margin-bottom:20px;
box-shadow: 0 0px 0px 0px var(--top-gg-colors-brand-80)!important
}
.btn2:hover{
opacity:1;
background:var(--top-gg-colors-brand-80)!important
box-shadow: 0 20px 25px -5px var(--top-gg-colors-brand-80)!important
}
@media screen and (min-width:769px){
.reversed{
flex-direction:row-reverse;
}
}
.entity-content__divider { display: none }
.entity-owner, .entity-owner * {
  background:transparent !important;
  border:none !important;
  border-radius:999pt !important;
}
.entity-table__cell {
  border-top:1px;
}
.entity-table {
  border-radius:7px;
  overflow:hidden;
}
.entity-tag {
  border-radius:999pt !important;
  padding:4pt 12pt !important;
}
.entity-button--primary {
  border-radius:999pt;
  padding:2pt 5pt;
}
.entity-header__button {
  border:none;
}
.entity-button {
  border-radius:999pt !important;
  width:fit-content;
  display:inline-block;
  padding:4pt 12pt !important;
  background:var(--background-secondary);
}
.h1-text {
font-weight: bold;
color: #ffffff;
}
</style>
</div>
<div>
<div class="columns is-centered">
<div class="info-text">
<center style="margin-bottom: 32px;"><a href="https://voiclin.com" rel="nofollow"><img height="250" width="250" src="https://external-cdn.top.gg/i/aHR0cHM6Ly92b2ljbGluLmNvbS83NTB4NzUwLnBuZw" referrerpolicy="no-referrer" loading="lazy"></a></center>
<a href="https://voiclin.com" rel="nofollow"><h1>Voiclin</h1></a>
<span>Powerful and fastest Discord music bot</span>
<div class="footer-buttons">
<a href="https://voiclin.com/invite" rel="nofollow">
<span class="btn1">Invite</span>
</a>
<a href="https://voiclin.com/commands" rel="nofollow">
<span class="btn2">Commands</span>
</a>
</div>
</div>
</div>
<div class="columns is-centered">
<div class="column is-half info-text">
<h1 class="h1-text">Music</h1>
<p>Voiclin's <span>high quality</span> music feature that supports playing music from <span>Spotify</span>, <span>YouTube</span>, <span>Soundcloud</span>, <span>Apple Music</span>, <span>Deezer</span>, <span>Vimeo</span>, <span>playlists you create</span>, and <span>your files</span>.</p>
</div>
<div class="column is-part">
<center><img height="250" width="400" src="https://external-cdn.top.gg/i/aHR0cHM6Ly92b2ljbGluLmNvbS9NdXNpYy5wbmc" referrerpolicy="no-referrer" loading="lazy"></center>
</div>
</div>
<div class="columns is-centered reversed">
<div class="column is-half info-text">
<h1 class="h1-text">Custom Configurations</h1>
<p>Customize your music experience with changeable music settings, add some <span>Bass</span> to the sounds or enhance it with <span>other effects</span>!</p>
</div>
<div class="column is-part">
<center><img height="250" width="400" src="https://external-cdn.top.gg/i/aHR0cHM6Ly92b2ljbGluLmNvbS9BZGp1c3RhYmxlLnBuZw" referrerpolicy="no-referrer" loading="lazy"></center>
</div>
</div>
</div>
</div></body></html>

Voiclin

招待

招待

投票 (0)

招待

招待

投票 (0)

概要

Voiclin

Music

Custom Configurations

評価とレビュー