Skip to content

Latest commit

 

History

History
268 lines (226 loc) · 6.2 KB

README.md

File metadata and controls

268 lines (226 loc) · 6.2 KB
Raw

soundcloud-mp3-downloader-api

This SoundCloud downloader API is provides direct mp3 download of any soundcloud track from your website.

ACKNOWLEDGEMENT:
This API is a powered by SoundCloud Downloader.

ABOUT API:
This API is free to use for everyone. You can also customize it's designed as per your websites theme / requirement. Its a free service and always will be.

Documentation:
You can access this API via Iframe or HTML link as well. We have documented it to give you a working demo of this API.

EXAMPLES:
Right now you can access our API via iframe / html link only. We will add more options in future.

IFRAME API [Track ID]: 

<iframe src="https://soundclouddownloader.info/iframe-api/?t=SOUNDCLOUD_TRACK_ID" width="480" height="40" scrolling="no" style="border:none;"></iframe>

IFRAME API [Track URL]: 

<iframe src="https://soundclouddownloader.info/iframe-api/?t=SOUNDCLOUD_TRACK_URL" width="480" height="40" scrolling="no" style="border:none;"></iframe>

BUTTON API: 

<a href="https://soundclouddownloader.info/button-api/?t=SOUNDCLOUD_TRACK_ID/TRACK_URL">Download Link</a>

CSS STYLESHEETS FOR BUTTON API:
You can also use these predefined css styles with the html button link to customize it.

To Create Green Color Button: 


<style>.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}</style>

<a href="https://soundclouddownloader.info/button-api/?t=SOUNDCLOUD_TRACK_ID/TRACK_URL" class="button">Download</a>

Optional parameters:
Dont use # in the parameters,
fc (font-color) => ffffff
bc (background-color) => 000000
Example:

<iframe src="https://soundclouddownloader.info/iframe-api/?t=SOUNDCLOUD_TRACK_URL&fc=ffffff&bc=000000" width="480" height="40" scrolling="no" style="border:none;"></iframe>

Button Colors:
Use the background-color property to change the background color of a button: 


<style>
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */
</style>

Button Sizes:
Use the font-size property to change the font size of a button: 


<style>
.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */
</style>

Use the padding property to change the padding of a button: 


<style>
.button1 {padding: 10px 24px;}
.button2 {padding: 12px 28px;}
.button3 {padding: 14px 40px;}
.button4 {padding: 32px 16px;}
.button5 {padding: 16px;}
</style>

Rounded Buttons:
Use the border-radius property to add rounded corners to a button: 


<style>
.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}
</style>

Colored Button Borders:
Use the border property to add a colored border to a button: 


<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}
</style>

Hoverable Buttons:
Use the :hover selector to change the style of a button when you move the mouse over it.
Tip: Use the transition-duration property to determine the speed of the "hover" effect: 


<style>
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}
</style>

SUPPORT:

Right now we have limited support via E-mail's.
Via E-mail us : [email protected]

DISCLAIMER:

We do not host (or serve/stream) any copyrighted/pirated content (SoundCloud Tracks) on (or from) our server. Users download soundcloud tracks directly from their CDN server.