论坛 › 音乐沙龙 › 夜色激情中文劲嗨动感DJ (2CD)

小辣椒 发表于 2024-10-20 15:16

夜色激情中文劲嗨动感DJ (2CD)

<style>
#papa{ margin: 150px 0 30px calc(50% - 780px);
        width: 1390px;
        height: 760px;
        background:#000 url(https://wj.zp68.com/lxx/yunhua/2024/05/09/02F.jpg)no-repeat center/cover; box-shadow: 1px 1px 3px #000; position: relative; display: grid; place-items: center; user-select: none; z-index: 1; --opt: .25;}
}
#mb{ position: absolute; width: 100%; height: 100%; top:0%;   opacity: 1;z-index: 2; background:linear-gradient(0deg, #000000 10%,#Ffffff 11%,rgba(2, 2, 2, 0) 2%,rgba(52, 152, 219, 0) 47%,rgba(2, 2, 2, 0) 90%,#Ffffff 90%,black 1%);}
#t{position: absolute;top:-10px; left:180px;width: 680px; height: 230px;z-index:4;mix-blend-mode:lighten;}
#t1{position: absolute;top:0%; left:0%;width: 100%;height: 100%;z-index:3;}
#papa:hover #mplayer { transition: .7s; opacity: .9; }
#mplayer {z-index: 80;
        position: absolute;
        top:95.6%; left:2.5%;
        bottom: 5px;
        width: 30px;
        height: 30px;
        border: 0px solid #cccccc;
        border-radius: 0%;
        opacity: 1;
        transition: .7s;
        display: grid;
        place-items: center;
        --disp1: 0; --disp2: 1;
}
#mplayer::before, #mplayer::after {
        position: absolute;
        content: '';
        border-style: solid;
        border-color: #FFFFFF;
        cursor: pointer;
        transition: .4s;
}
#mplayer::before {
        width: 0;
        height: 0;
        left: 46px;
        border-width: 5.5px 5.5px;
        border-color: transparent transparent transparent #FFFFFF;
        opacity: var(--disp1);
}
#mplayer::after {
        width: 2px;
        height: 8px;
                left: 22.5px;
        border-width: 0 3px 0 3px;
        opacity: var(--disp2);
}
@keyframes opa { to {opacity: 1;} }
#tmsg {position: absolute;z-index: 91;
      font: normal 13px sans-serif;
      color: #ffffff;
         top:96.5%;
      left:9.2%;}

#prog {position: absolute;z-index: 91;
      width: 71%;
      height: 0.2%;
      cursor: pointer;
         top:97.4%;
color: #cccccc;
box-shadow: 0px 0px 0.1px 0.1px #000000;
         left:16.7%;
border-radius: 2px;}
#wzsd1 { animation: wzsd 0.56s linear infinite ;}
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
#bt{ --w: 34%; width: var(--w); overflow: hidden; color: IndianRed; position: absolute; left:17%;top:32%;font-size: 30px; z-index: 21; word-break: keep-all; white-space: nowrap; animation: bt 0s linear infinite;}
@keyframes bt {50% { transform: translateX(calc(0% - var(--w))); }}
</style>

<div id="papa">

<span id="fullscreen"> </span>
<div id="mb"></div>
<div id="bt"> 中文劲嗨动感DJ-《夜色激情》2CD</div>
<div id="t"><img id="tu" src="https://wj.zp68.com/lxx/yunhua/2024/05/09/gif1.gif " width="100%" height="100%"></div>
<div id="t1"><img id="tu1" src="https://wj.zp68.com/lxx/yunhua/2024/05/09/02F.gif" width="100%" height="100%"></div>
<div id="tmsg">00:00 | 00:00</div>
<divid="prog"></div>
<div id="mplayer"></div>
<divclass="lrc" >
      <div   id="wzsd1"><ul id="ullrc">
       </ul>
      </div>      
</div>
</div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2024/05/09/aqmm.mp3" loop autoplay></audio>
<style type="text/css">
.lrc{z-index: 20;
    width: 100%;
    height: 120px;
    overflow: hidden;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);
    display: block;position: absolute;top:138%; left:-25%;z-index: 5;
    margin: 0 auto;}
.lrc #ullrc{
width: 100%;
padding: 0;list-style: none;transition: 0.3s all ease;
    margin: 0;}
/*歌词普通样式*/
.lrc #ullrc li{
    height: 70px;
    line-height: 60px;
font-family:华文隶书;
    font-size: 0px;
    color: #000078;
    font-weight: normal;
    transition: .3s all ease;
    list-style-type: none;
    text-align: center;display: block;
    width: 100%;
    margin: 0 auto;}
/*动态歌词样式*/
.lrc #ullrc li.active{
    font-size: 40px;
    color: #ff0000;
text-align: center;
}
</style>
<script >
var lrc =`
`;
function $(id) {return document.getElementById(id);
}
function getLrcArray() {
    var parts = lrc.split("\n");
    for (let index = 0; index < parts.length; index++) {
      parts = getLrcObj(parts);
    }
    return parts;
    function getLrcObj(content) {
var twoParts = content.split("]");
var time = twoParts.substr(1);
var timeParts = time.split(":");
var seconds = +timeParts;
      var min = +timeParts;
      seconds = min * 60 + seconds;
      var words = twoParts;
      return{
            seconds: seconds,
            words: words,
      };
    }
}
var lrcArray = getLrcArray();
function inputLrc() {
    for (let index = 0; index < lrcArray.length; index++) {
      var li = document.createElement("li");
      li.innerText = lrcArray.words;
      $("ullrc").appendChild(li);
    }
}
inputLrc();
function setPosition() {
    var index = getLrcIndex();
    if (index == -1) {
      return;
    }
    var lrc_li_height = 70, lrc_ul_height = 60;
    var top = index * lrc_li_height + lrc_li_height / 2 - lrc_ul_height / 2;
if (top < 0) {top = 0;}$("ullrc").style.marginTop = -top + "px";
    var activeLi = $("ullrc").querySelector(".active");
    if(activeLi){
      activeLi.classList.remove("active");}
$("ullrc").children.classList.add("active");
}
var turn = 0;
function getLrcIndex(){
var time = $("aud").currentTime + turn;for (var index = 0; index < lrcArray.length; index++) {
      if (lrcArray.seconds > time) {
            return index - 1;
      }
    }
}
$("aud").ontimeupdate = setPosition;
(function(){let mState = () => aud.paused ? (mplayer.style.setProperty('--disp1','1'), mplayer.style.setProperty('--disp2','0')) : (mplayer.style.setProperty('--disp1','0'), mplayer.style.setProperty('--disp2','1'));
mplayer.addEventListener('click', () => aud.paused ? aud.play() : aud.pause());
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
})();
aud.addEventListener('timeupdate', () => {
               aud.addEventListener('timeupdate', () => {prog.style.background= 'linear-gradient(90deg, White, White, White ' + aud.currentTime / aud.duration * 100 + '%, Gray 0)';});
                tmsg.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);
      });
let toMin = (val) => {
                if (!val) return '00:00';
                val = Math.floor(val);
                let min = parseInt(val / 60),
                        sec = parseFloat(val % 60);
                if (min < 10) min = '0' + min;
                if (sec < 10) sec = '0' + sec;
                return min + ':' + sec;
      };
wzsd1.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () => wzsd1.style.animationPlayState = 'running');
aud.addEventListener('pause', () => wzsd1.style.animationPlayState = 'paused');
</script>

<script>
if ('getContext' in document.createElement('canvas')) {
    HTMLImageElement.prototype.play = function() {
      if (this.storeCanvas) {         
            this.storeCanvas.parentElement.removeChild(this.storeCanvas);
            this.storeCanvas = null;
            
            image.style.opacity = '';image1.style.opacity = '';
      }
      if (this.storeUrl) {
            this.src = this.storeUrl;   
      }
    };
    HTMLImageElement.prototype.stop = function() {
      var canvas = document.createElement('canvas');
      
      var width = this.width, height = this.height;
      if (width && height) {
         
            if (!this.storeUrl) {
                this.storeUrl = this.src;
            }            
            canvas.width = width;
            canvas.height = height;
         
            canvas.getContext('2d').drawImage(this, 0, 0, width, height);         
            try {
                this.src = canvas.toDataURL("image/gif");
            } catch(e) {               
                this.removeAttribute('src');               
                canvas.style.position = 'absolute';               
                this.parentElement.insertBefore(canvas, this);               
                this.style.opacity = '0';               
                this.storeCanvas = canvas;
            }
      }
    };
}
var image= document.getElementById("tu");
var image1= document.getElementById("tu1");
mplayer.onclick =function() { aud.paused ? (image.stop(),image1.stop()):(image.play(),image1.play())};
</script><br></div><br><br><br><br>

小辣椒 发表于 2024-10-20 15:19

<br><br>专辑封面：<br><br>
<p><img src="https://wj.zp68.com/lxx/yunhua/2024/05/09/fm.jpg" style="max-width: 100%;"></p><br><br>
专辑名称：夜色激情中文劲嗨动感DJ(2CD) <br>
专辑艺人：群星<br>
发行公司：广东东昇影视文化传播有限公司<br>
出版公司：深圳音像公司<br>
ISRC编码：9787885312435<br>
资源类型：WAV+CUE<br><br>

专辑简介：<br><br>
撩人心旌的慢摇气氛有木有！<br>
越夜越嗨的激情旋律有木有！<br>
夜色激情DJ舞曲能给你所有。<br>
<br>
专辑曲目:<br><br>

CD1 <br><br>

01 我在网上等你<br>
02 最幸福的人<br>
03 我从草原来<br>
04 释放<br>
05 老男孩<br>
06 天地一斗<br>
07 没那么简单<br>
08 大笑江湖<br>
09 哥唱的是寂寞<br>
10 我要去烧香<br>
11 朋友的酒<br>
12 世界上最幸福的人<br>
13 在我心里有个你<br><br>

CD2 <br><br>
01 除了呼吸就是想你<br>
02 爱情买卖（在线欣赏）<br>
03 真的好爱你<br>
04 荷塘月色<br>
05 噢我的雷迪嘎嘎<br>
06 美人计<br>
07 醉红颜<br>
08 变心的玫瑰<br>
09 小三<br>
10 没有人<br>
11 郎的诱惑<br>
12 讨厌<br>
13 男人就是累<br><br>

<br><br>提取码: 3ij1
<br>专辑下载：**** Hidden Message *****<br><p><br></p>

小辣椒 发表于 2024-10-20 15:21

@冬天的雨

老专辑分享，这个你应该喜欢的

醉美水芙蓉 发表于 2024-10-20 16:08

冬天的雨 发表于 2024-10-20 16:23

就上来看看你这个专辑，频谱效果特别炫酷{:4_178:}

冬天的雨 发表于 2024-10-20 16:23

上去一首，这2个专辑音乐首首好听

小辣椒 发表于 2024-10-20 16:24

冬天的雨 发表于 2024-10-20 16:23
上去一首，这2个专辑音乐首首好听

节奏感特别强

冬天的雨 发表于 2024-10-20 16:25

小辣椒 发表于 2024-10-20 16:24
节奏感特别强

就喜欢这种节奏感，而且首首音乐经典

冬天的雨 发表于 2024-10-20 16:25

好听，纯循环{:4_208:}

小辣椒 发表于 2024-10-20 16:26

冬天的雨 发表于 2024-10-20 16:25
好听，纯循环

一起一起{:4_208:}

冬天的雨 发表于 2024-10-20 16:27

小辣椒 发表于 2024-10-20 16:26
一起一起

我去专辑里面找一首，做个帖，看看素材有没有

小辣椒 发表于 2024-10-20 16:28

冬天的雨 发表于 2024-10-20 16:27
我去专辑里面找一首，做个帖，看看素材有没有

好的，我晚上要出去吃饭，过一下就出发了

冬天的雨 发表于 2024-10-20 16:28

小辣椒 发表于 2024-10-20 16:28
好的，我晚上要出去吃饭，过一下就出发了

好的，你管自己{:4_197:}{:4_185:}

起个网名好难 发表于 2024-10-20 16:39

评分怎么点不动， 前面怎么评上去的？

起个网名好难 发表于 2024-10-20 16:41

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 512 384" >
<defs>
    <linearGradient id="myLinearGradient1"
                  x1="0%" y1="0%"
                  x2="0%" y2="100%"
                  spreadMethod="pad">
      <stop offset="0%"   stop-color="#ff0000" stop-opacity="1"/>
      <stop offset="33%"stop-color="#ffff00" stop-opacity="1"/>
      <stop offset="67%"stop-color="#0f0" stop-opacity="1"/>
      <stop offset="100%" stop-color="#00f" stop-opacity="1"/>
    </linearGradient>
</defs>
<style type="text/css">
        .dtxt        {
        font-size:5em;font-weight:bold;fill:url(#myLinearGradient1);stroke: #005000;opacity:0;
        }
</style>
<text x='100' y='130' class='dtxt' >赞！
<animate id="txt0" attributename="opacity" from='0' to='1' begin="0;ext3.end-1" dur='5s' fill="freeze" ></animate>
<animate id="ext0" attributename="opacity" from='1' to='0' begin="txt0.begin+5" dur='5s' fill="freeze" ></animate>
</text>
<text x='100' y='130' class='dtxt' style="font-family:仿宋;">好帖
<animate id="txt1" attributename="opacity" from='0' to='1' begin="ext0.end-1" dur='5s' fill="freeze" ></animate>
<animate id="ext1" attributename="opacity" from='1' to='0' begin="txt1.begin+5" dur='5s' fill="freeze" ></animate>
</text>
<text x='100' y='130' class='dtxt' style="font-family:楷体;" >顶！
<animate id="txt2" attributename="opacity" from='0' to='1' begin="ext1.end-1" dur='5s' fill="freeze" ></animate>
<animate id="ext2" attributename="opacity" from='1' to='0' begin="txt2.begin+5" dur='5s' fill="freeze" ></animate>
</text>
<text x='100' y='130' class='dtxt' style="font-family:幼圆;" >欣赏
<animate id="txt3" attributename="opacity" from='0' to='1' begin="ext2.end-1" dur='5s' fill="freeze" ></animate>
<animate id="ext3" attributename="opacity" from='1' to='0' begin="txt3.begin+5" dur='5s' fill="freeze" ></animate>
</text>

</svg>

红影 发表于 2024-10-20 20:23

奇怪，我也没法评分，看到冬小雨能评分的啊，我却点不动评分{:4_203:}

红影 发表于 2024-10-20 20:24

很热烈奔放，这个制作很燃。欣赏亲爱的好帖{:4_199:}

小辣椒 发表于 2024-10-20 20:53

红影 发表于 2024-10-20 20:24
很热烈奔放，这个制作很燃。欣赏亲爱的好帖

亲爱的，以前很喜欢的2个动感DJ，最近没有学习黑黑的代码就发一个以前的东东了

小辣椒 发表于 2024-10-20 20:54

红影 发表于 2024-10-20 20:23
奇怪，我也没法评分，看到冬小雨能评分的啊，我却点不动评分

现在试一下，我刚才测试可以的，不晓得后面怎么不能了

小辣椒 发表于 2024-10-20 20:55

起个网名好难 发表于 2024-10-20 16:41
.dtxt        {
        font-size:5em;font-weight:bold; ...

问好难难，谢谢欣赏，谢谢支持{:4_187:}

查看完整版本: 夜色激情中文劲嗨动感DJ (2CD)