moon
/
sync
mirror of https://github.com/calzoneman/sync.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add volume slider for soundcloud because their widget is crap

This commit is contained in:
calzoneman 2013-08-07 14:25:08 -04:00
parent 84e9bcde06
commit 04cbdfb631
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
www/assets/css/ytsync.css
View File

@ -331,3 +331,11 @@ html, body {
#customembed_code { #customembed_code {
font-family: Monospace; font-family: Monospace;
} }
#sc_volume .ui-slider-range {
background: rgb(255, 195, 0);
}
#sc_volume .ui-slider-handle {
border-color: rgb(255, 195, 0);
}

12
www/assets/js/player.js
View File

@ -12,6 +12,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
var VIMEO_FLASH = false; var VIMEO_FLASH = false;
function removeOld(replace) { function removeOld(replace) {
$("#sc_volume").remove();
replace = replace || $("<div/>"); replace = replace || $("<div/>");
var old = $("#ytapiplayer"); var old = $("#ytapiplayer");
replace.insertBefore(old); replace.insertBefore(old);
@ -349,6 +350,17 @@ var SoundcloudPlayer = function (data) {
iframe.css("width", "100%").attr("height", "166"); iframe.css("width", "100%").attr("height", "166");
iframe.css("border", "none"); iframe.css("border", "none");
var volslider = $("<div/>").attr("id", "sc_volume")
.insertAfter(iframe);
volslider.slider({
range: "min",
value: 100,
stop: function (event, ui) {
self.player.setVolume(ui.value);
}
});
self.player = SC.Widget("ytapiplayer"); self.player = SC.Widget("ytapiplayer");
self.player.bind(SC.Widget.Events.READY, function () { self.player.bind(SC.Widget.Events.READY, function () {