Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coolguruji/soundcloud-mp3-downloader-api

This SoundCloud downloader API is provides direct mp3 download of any soundcloud track from your website.
https://github.com/coolguruji/soundcloud-mp3-downloader-api

button-widget converter converter-api download-songs downloader downloading downloads-music downloads-songs iframe iframe-api iframe-embeds sndcld-dl songs-pk soundcloud soundcloud-api soundcloud-downloader soundcloud-music soundcloud-music-downloader soundcloud-stream soundcloud-widget

Last synced: 4 months ago
JSON representation

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

Awesome Lists containing this project

README 

        
# 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 API [Track URL]: 






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: 





.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;

}



<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:








Button Colors:


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






.button2 {background-color: #008CBA;} /* Blue */

.button3 {background-color: #f44336;} /* Red */ 

.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 

.button5 {background-color: #555555;} /* Black */











Button Sizes:


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








.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 */










        

    

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








.button1 {padding: 10px 24px;}

.button2 {padding: 12px 28px;}

.button3 {padding: 14px 40px;}

.button4 {padding: 32px 16px;}

.button5 {padding: 16px;}











Rounded Buttons:


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








.button1 {border-radius: 2px;}

.button2 {border-radius: 4px;}

.button3 {border-radius: 8px;}

.button4 {border-radius: 12px;}

.button5 {border-radius: 50%;}











Colored Button Borders:


Use the border property to add a colored border to a button:








.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;

}











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:








.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;

}










    

    

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.