KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added buy/artist buttons when playing from soundcloud

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

9
server/public/assets/css/style.css
View File

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

13
server/public/assets/js/player.js
View File

@@ -264,6 +264,12 @@ var Player = {
if(paused) SC.Widget(Player.soundcloud_player).play(); 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 { } else {
var _autoAdd = "false"; var _autoAdd = "false";
if(_autoplay) { if(_autoplay) {
@@ -326,6 +332,7 @@ var Player = {
SC.Widget(Player.soundcloud_player).pause(); SC.Widget(Player.soundcloud_player).pause();
} catch(e) { } catch(e) {
} }
Helper.addClass(".soundcloud_info_container", "hide");
Helper.addClass(document.getElementById("player_overlay"), "hide"); Helper.addClass(document.getElementById("player_overlay"), "hide");
Helper.css(document.getElementById("player_overlay"), "background", "none"); Helper.css(document.getElementById("player_overlay"), "background", "none");
Helper.addClass("#player_overlay_text", "hide"); Helper.addClass("#player_overlay_text", "hide");
@@ -570,6 +577,12 @@ var Player = {
} else if(soundcloud_loading){ } else if(soundcloud_loading){
SC.Widget(Player.soundcloud_player).seekTo((seekTo) * 1000); SC.Widget(Player.soundcloud_player).seekTo((seekTo) * 1000);
SC.Widget(Player.soundcloud_player).setVolume(embed ? 100 : Crypt.get_volume()); 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; soundcloud_loading = false;
} }
if(embed) { if(embed) {

4
server/public/partials/channel/players.handlebars
View File

@@ -16,6 +16,10 @@
</div> </div>
<div id="chromecast_text"></div> <div id="chromecast_text"></div>
</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"> <div id="player_overlay_text" class="valign center-align">
Waiting for Video Waiting for Video
</div> </div>