|
@@ -186,6 +186,7 @@ $(function() {
|
|
|
var $container = $('#lyriccontainer');
|
|
var $container = $('#lyriccontainer');
|
|
|
var noSleep = new NoSleep();
|
|
var noSleep = new NoSleep();
|
|
|
var enableNoSleep = false;
|
|
var enableNoSleep = false;
|
|
|
|
|
+ var isFullScreen = false;
|
|
|
var btn_lyricFullscreen = document.getElementById("lyricFullscreen");
|
|
var btn_lyricFullscreen = document.getElementById("lyricFullscreen");
|
|
|
if (btn_lyricFullscreen) {
|
|
if (btn_lyricFullscreen) {
|
|
|
btn_lyricFullscreen.addEventListener('click',
|
|
btn_lyricFullscreen.addEventListener('click',
|
|
@@ -212,7 +213,7 @@ $(function() {
|
|
|
}
|
|
}
|
|
|
// 监听全屏事件触发
|
|
// 监听全屏事件触发
|
|
|
var fullscreenchange = function() {
|
|
var fullscreenchange = function() {
|
|
|
- let isFullScreen = !!(
|
|
|
|
|
|
|
+ isFullScreen = !!(
|
|
|
document.fullscreen ||
|
|
document.fullscreen ||
|
|
|
document.mozFullScreen ||
|
|
document.mozFullScreen ||
|
|
|
document.webkitIsFullScreen ||
|
|
document.webkitIsFullScreen ||
|
|
@@ -252,18 +253,44 @@ $(function() {
|
|
|
var btn_lyricBigger = document.getElementById("lyricBigger");
|
|
var btn_lyricBigger = document.getElementById("lyricBigger");
|
|
|
//调节字体大小
|
|
//调节字体大小
|
|
|
var adjustFontSize = function (sizeOffset){
|
|
var adjustFontSize = function (sizeOffset){
|
|
|
- var size = getComputedStyle($('#lyriccontainer')[0], false)['font-size'];
|
|
|
|
|
- var num = parseInt(size.substring(0, size.indexOf("px")));
|
|
|
|
|
- num += sizeOffset;
|
|
|
|
|
- var unit = "px";
|
|
|
|
|
- size = num + unit;
|
|
|
|
|
- $('#lyriccontainer')[0].style.fontSize = size;
|
|
|
|
|
|
|
+ var size='',num=0;
|
|
|
|
|
+ if(isFullScreen){
|
|
|
|
|
+ var styleStr=($('#lyriccontainer').attr("style")+"");
|
|
|
|
|
+ var styleArr=$.map(styleStr.split(";"),function(node){
|
|
|
|
|
+ var returnNode=node;
|
|
|
|
|
+ if(node.indexOf("--full-font-size")>-1){
|
|
|
|
|
+ num = $.trim(node.split(":")[1]);
|
|
|
|
|
+ var unit = "vmin";
|
|
|
|
|
+ num = parseFloat(num.substring(0,num.indexOf(unit)));
|
|
|
|
|
+ num += sizeOffset;
|
|
|
|
|
+ size = num + unit;
|
|
|
|
|
+ returnNode="--full-font-size:"+size;
|
|
|
|
|
+ }
|
|
|
|
|
+ return returnNode;
|
|
|
|
|
+ });
|
|
|
|
|
+ $('#lyriccontainer').attr("style",styleArr.join(";"));
|
|
|
|
|
+ }else{
|
|
|
|
|
+ var styleStr=($('#lyriccontainer').attr("style")+"");
|
|
|
|
|
+ var styleArr=$.map(styleStr.split(";"),function(node){
|
|
|
|
|
+ var returnNode=node;
|
|
|
|
|
+ if(node.indexOf("--default-font-size")>-1){
|
|
|
|
|
+ num = $.trim(node.split(":")[1]);
|
|
|
|
|
+ var unit = "rem";
|
|
|
|
|
+ num = parseFloat(num.substring(0,num.indexOf(unit)));
|
|
|
|
|
+ num += sizeOffset;
|
|
|
|
|
+ size = num + unit;
|
|
|
|
|
+ returnNode="--default-font-size:"+size;
|
|
|
|
|
+ }
|
|
|
|
|
+ return returnNode;
|
|
|
|
|
+ });
|
|
|
|
|
+ $('#lyriccontainer').attr("style",styleArr.join(";"));
|
|
|
|
|
+ }
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
if (btn_lyricBigger) {
|
|
if (btn_lyricBigger) {
|
|
|
btn_lyricBigger.addEventListener('click',
|
|
btn_lyricBigger.addEventListener('click',
|
|
|
function() {
|
|
function() {
|
|
|
- adjustFontSize(2);
|
|
|
|
|
|
|
+ adjustFontSize(1);
|
|
|
},
|
|
},
|
|
|
false);
|
|
false);
|
|
|
}
|
|
}
|
|
@@ -272,7 +299,7 @@ $(function() {
|
|
|
if (btn_lyricSmaller) {
|
|
if (btn_lyricSmaller) {
|
|
|
btn_lyricSmaller.addEventListener('click',
|
|
btn_lyricSmaller.addEventListener('click',
|
|
|
function() {
|
|
function() {
|
|
|
- adjustFontSize(-2);
|
|
|
|
|
|
|
+ adjustFontSize(-1);
|
|
|
},
|
|
},
|
|
|
false);
|
|
false);
|
|
|
}
|
|
}
|