减少淡入淡出时间

src/chanting/evening_chanting_c.md

@@ -7,15 +7,12 @@
   <source src="http://122.114.50.251:8010/jly/audio/dhammacakka_0218.mp3" type="audio/mpeg">
 </audio>
 </div>
-<div class="live" id="lyriccontainer" style="height:90vh;font-size:4vmin;width: calc(100%);left: 0;">
-     <div class="fixed-lyric-box">
-		 <ul class="lyric-list" style="display:block">
-			<li id="line-last" style="height:25vh" class="to-top"><span></span><span></span></li>
-			<li id="line-current" class='active' style="height:30vh;padding-left:5vw"><span></span><span></span></li>
-			<li id="line-next" style="height:25vh;padding-left:10vw;" class="to-bottom"><span></span><span></span></li>
-		 </ul>
-	 </div>
+<div class="live" id="lyriccontainer" style="font-size:4vmin;display: flex;align-items: center;justify-content: center;width:100%;flex-direction: column">
+	<div id="line-last" style="height:25vh;display: flex;flex-direction: column;width:100%" class="to-top"><span></span><span></span></div>
+	<div id="line-current" class='active' style="height:30vh;display: flex;flex-direction: column;width:100%"><span style="margin-left:4vw"></span><span style="margin-left:4vw"></span></div>
+	<div id="line-next" style="height:25vh;display: flex;flex-direction: column;width:100%" class="to-bottom"><span style="margin-left:6vw"></span><span style="margin-left:6vw"></span></div>
 </div>
+<button id='lyricFullscreen'> 全 屏 </button>
 Evaṃ me sutaṃ- ekaṃ samayaṃ bhagavā bārāṇasiyaṃ viharati isipatane migadāye. 
 
 Tatra kho bhagavā pañcavaggiye bhikkhū āmantesi– 

theme/myjs/lrc.js

@@ -110,40 +110,40 @@
 					if(pos>=arrLyricObj[k].timeStart&&pos<=arrLyricObj[k].timeEnd){
 						if($("#line-current").attr("currentLine")!=k&&fadeFinish){
 							if(k>0){
-								$("#line-last span").fadeOut(1000,function(){
+								$("#line-last span").fadeOut(400,function(){
 									var lc=arrLyricObj[k-1].lrcContent.split("<br/>");
 									$("#line-last span:eq(0)").text(lc[0]);
 									if(lc.length>1){
 										$("#line-last span:eq(1)").text(lc[1]);
 									}
 									$("#line-last").attr("currentLine",k);
-									$("#line-last span").fadeIn(1000,function(){
+									$("#line-last span").fadeIn(400,function(){
 										fadeFinish=true;
 									});
 								});
 							}
 							if(k<arrTime.length-1){
-								$("#line-next span").fadeOut(1000,function(){
+								$("#line-next span").fadeOut(400,function(){
 									var lc=arrLyricObj[k+1].lrcContent.split("<br/>");
 									$("#line-next span:eq(0)").text(lc[0]);
 									if(lc.length>1){
 										$("#line-next span:eq(1)").text(lc[1]);
 									}
 									$("#line-next").attr("currentLine",k);
-									$("#line-next span").fadeIn(1000,function(){
+									$("#line-next span").fadeIn(400,function(){
 										fadeFinish=true;
 									});
 								});
 							}
 							fadeFinish=false;
-							$("#line-current span").fadeOut(1000,function(){
+							$("#line-current span").fadeOut(400,function(){
 								var lc=arrLyricObj[k].lrcContent.split("<br/>");
 								$("#line-current span:eq(0)").text(lc[0]);
 								if(lc.length>1){
 									$("#line-current span:eq(1)").text(lc[1]);
 								}
 								$("#line-current").attr("currentLine",k);
-								$("#line-current span").fadeIn(1000,function(){
+								$("#line-current span").fadeIn(400,function(){
 									fadeFinish=true;
 								});