Added buy/artist buttons when playing from soundcloud

This commit is contained in:
Kasper Rynning-Tønnesen
2018-05-04 14:53:34 +02:00
parent 3e1473caf8
commit 06fb8d7046
3 changed files with 26 additions and 0 deletions

View File

@@ -123,6 +123,15 @@ a {
margin: auto;
}
.soundcloud_info_container {
position: absolute;
bottom: 20px;
left: 20px;
display: flex;
width: 35%;
justify-content: space-between;
}
#player_loader_container {
height: 100%;
width: 100%;

View File

@@ -264,6 +264,12 @@ var Player = {
if(paused) SC.Widget(Player.soundcloud_player).play();
});
}
SC.Widget(Player.soundcloud_player).getCurrentSound(function(sound) {
Helper.removeClass(".soundcloud_info_container", "hide");
document.querySelector(".soundcloud_info_container .green").href = sound.purchase_url;
document.querySelector(".soundcloud_info_container .red").href = sound.user.permalink_url;
console.log(sound);
});
} else {
var _autoAdd = "false";
if(_autoplay) {
@@ -326,6 +332,7 @@ var Player = {
SC.Widget(Player.soundcloud_player).pause();
} catch(e) {
}
Helper.addClass(".soundcloud_info_container", "hide");
Helper.addClass(document.getElementById("player_overlay"), "hide");
Helper.css(document.getElementById("player_overlay"), "background", "none");
Helper.addClass("#player_overlay_text", "hide");
@@ -570,6 +577,12 @@ var Player = {
} else if(soundcloud_loading){
SC.Widget(Player.soundcloud_player).seekTo((seekTo) * 1000);
SC.Widget(Player.soundcloud_player).setVolume(embed ? 100 : Crypt.get_volume());
SC.Widget(Player.soundcloud_player).getCurrentSound(function(sound) {
Helper.removeClass(".soundcloud_info_container", "hide");
document.querySelector(".soundcloud_info_container .green").href = sound.purchase_url;
document.querySelector(".soundcloud_info_container .red").href = sound.user.permalink_url;
console.log(sound);
});
soundcloud_loading = false;
}
if(embed) {

View File

@@ -16,6 +16,10 @@
</div>
<div id="chromecast_text"></div>
</div>
<div class="soundcloud_info_container hide">
<a href="#!" class="btn green waves-effect waves-light" target="_blank">Buy</a>
<a href="#!" class="btn red waves-effect waves-light" target="_blank">Artist</a>
</div>
<div id="player_overlay_text" class="valign center-align">
Waiting for Video
</div>