论坛 › 音乐沙龙 › 《不怕不怕》to 马黑黑

红影 发表于 2024-6-18 21:48

《不怕不怕》to 马黑黑

<style>
#tz {margin: 30px 0 30px calc(50% - 593px); width: 1024px; height: 576px; z-index: 1; position: relative;overflow: hidden; }
#tz::after {content: attr(data-lrc); position: absolute; top: 20px; width: 100%; height: 60px; text-align: center; font: normal 36px/60px sans-serif; color: transparent; text-shadow: 2px 2px 2px rgba(0,0,0,.8); background: repeating-linear-gradient(to right, gold, lightgreen, snow, lightgreen, orange) 50%/200px 60px; -webkit-background-clip: text;}
#player {left: 482px; top: 76px; width: 60px; height: 100px; filter: drop-shadow(0 0 50px white); cursor: pointer; transition: .5s; position: absolute; display: grid; place-items: center; animation: rot 4s linear infinite var(--state); }
.vid { position: absolute; top: 0px; width: 100%; height: 100%;object-fit: cover; pointer-events: none; }
.vid:nth-of-type(2) { height: 100%; height: 100%; mix-blend-mode: screen; opacity: .3; }
c-c { position: absolute; width: 85%; height: 10px; border: 6px double plum; border-radius: 50%; opacity: .75; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="tz" data-lrc="HUACHAO">
<video class="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/53030386e925a6864b6d7f89723027eb_preview.mp4" loop muted></video>
      <video class="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/14e9d9a072a6b6eb49108561c5cdcad5_preview.mp4" loop muted></video>

    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=236384" autoplay loop></audio>
    <div id="player"></div>
   
</div>

<script>
var curkey = 0, lrcAr = [], total = 8, vids = document.querySelectorAll('.vid');
Array.from({length: total}).forEach((c,k) => {
      c = document.createElement('c-c');
      c.style.cssText += `
                transform: rotate(${360 / total * k}deg);
                border-color: #${Math.random().toString(16).substring(2,8)};
      `;
      player.appendChild(c);
});
var getAr = (text) => {
      var ar = text.trim().split('\n');
      ar.sort();
      var reg = /\[(\d+)[.:](\d+)[.:](\d+)\](.*)/;
      ar.forEach(item => {
                let result = item.match(reg);
                let tmsg = parseInt(result) * 60 + parseInt(result) + parseInt(result) / 1000;
                lrcAr.push(.trim()]);
      });
};
var mState = () => {
      tz.style.setProperty('--state', ['running','paused'][+aud.paused]);
      player.title = ['暂停','播放'][+aud.paused];
      vids.forEach(vid => aud.paused ? vid. pause() : vid.play());
};
aud.onseeked = () => curkey = 0;
aud.onplaying = aud.onpause = () => mState();
aud.ontimeupdate = () => {
      if(curkey > lrcAr.length - 1) return;
      if(aud.currentTime >= lrcAr) {
                tz.dataset.lrc = lrcAr;
                curkey ++;
      }
};
player.onclick = () => aud.paused ? aud.play() : aud.pause();
var lrc = `
《不怕不怕》TO黑黑\n学习黑黑歌词效果\n歌手：美美jocie\n 作词 : Xiao Wei\n 作曲 : Dan Balan\n 所属专辑：不怕\nMAI A HEE\nMAI A HEE\n\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\n\nHELLO 看我\n\n你在害怕什么\n\n是我错 没能够啊\n把自己变得成熟\n\n伤口那么多\n\n已经不怕再痛\n\n没什么转身以后\n我会练成护体神功\n看见蟑螂\n我不怕不怕啦\n我神经比较大\n\n不怕不怕不怕啦\n胆怯只会让自己更憔悴\n\n麻痹也是勇敢表现\n一个人睡\n也不怕不怕啦\n\n勇气当棉被\n不怕不怕不怕啦\n夜晚再黑我就当看不见\n太阳一定就快出现\n\nHELLO 看我\n\n你在害怕什么\n\n是我错 没能够啊\n把自己变得成熟\n\n伤口那么多\n\n没地方可以再受伤了\n\n没什么转身以后\n我会练成护体神功\n看见蟑螂\n我不怕不怕啦\n我神经比较大\n\n不怕不怕不怕啦\n胆怯只会让自己更憔悴\n麻痹也是勇敢表现\n一个人睡\n也不怕不怕啦\n\n勇气当棉被\n\n不怕不怕不怕啦\n\n夜晚再黑我就当看不见\n\n\n太阳一定就快出现\n\n\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\nMAI A HEE\n\nMAI A HU\n\nMAI A HO\n\nMAI A HA HA\n看见蟑螂\n我不怕不怕啦\n我神经比较大\n不怕不怕不怕啦\n胆怯只会让自己更憔悴\n麻痹也是勇敢表现\n一个人睡\n也不怕不怕啦\n\n勇气当棉被\n\n不怕不怕不怕啦\n夜晚再黑我就当看不见\n\n太阳一定就快出现
`;
getAr(lrc);
</script>

红影 发表于 2024-6-18 21:49

@马黑黑 聊天灌水里提到这歌你说没听过，正好想学习新的歌词制作，就做了送你吧{:4_187:}

红影 发表于 2024-6-18 21:51

反正这样找歌词也很快，比自己做歌词快多了。
背景也方便，直接找了两个视频就成了，特别省力{:4_173:}

醉美水芙蓉 发表于 2024-6-18 21:58

马黑黑 发表于 2024-6-18 22:03

红影 发表于 2024-6-18 21:49
@马黑黑 聊天灌水里提到这歌你说没听过，正好想学习新的歌词制作，就做了送你吧
矮油，这舞蹈跳的那么窕冶，艺术感漫漫滴说，加上古里古怪的音乐，纸醉金迷来一波{:4_170:}

马黑黑 发表于 2024-6-18 22:09

本帖最后由 马黑黑 于 2024-6-18 22:10 编辑

恰好昨天看到一个AI制作的视频，猩猩是天然的舞蹈家，但跟这个比，还差那么一点点韵味——人类的舞蹈是艺术的大集成者，来源于对丰收的喜悦，升华为对劳动的赞美形式。而猩猩的舞蹈，如果有，也仅仅是表达高兴，像小孩纸捡的一分钱但不交给警察蜀黍一样的心情，AI制作的，那只是没有灵魂的算法弄出的精美绝伦的动作。

小辣椒 发表于 2024-6-18 22:13

哇塞，妖娆美女跳舞的，亲爱的你想诱惑黑黑啊{:4_170:}

小辣椒 发表于 2024-6-18 22:13

黑黑收礼开心

小辣椒 发表于 2024-6-18 22:14

欣赏亲爱的精美的制作，我得下了，明天要出去，起早的

南无月 发表于 2024-6-18 22:39

影子的动作太快了，直接用两个视频做背景，非常漂亮啊。。
舞姿曼妙，心思灵巧，效果绝佳。。

南无月 发表于 2024-6-18 22:40

歌曲第一次听，天天逛坛收获最大的就是可以听到好多不同的音乐，享受。。{:4_199:}

红影 发表于 2024-6-18 23:23

醉美水芙蓉 发表于 2024-6-18 21:58
播放器随机变色漂亮！

这个是刷新才变色的{:4_173:}

红影 发表于 2024-6-18 23:24

马黑黑 发表于 2024-6-18 22:03
矮油，这舞蹈跳的那么窕冶，艺术感漫漫滴说，加上古里古怪的音乐，纸醉金迷来一波

这歌曲多洒脱啊，怎么古里古怪了{:4_173:}

红影 发表于 2024-6-18 23:25

马黑黑 发表于 2024-6-18 22:09
恰好昨天看到一个AI制作的视频，猩猩是天然的舞蹈家，但跟这个比，还差那么一点点韵味——人类的舞蹈是艺术 ...

AI还在发展中呢，未来的未来，它应该能弄出比天然更美的东东呢{:4_173:}

红影 发表于 2024-6-18 23:26

小辣椒 发表于 2024-6-18 22:13
哇塞，妖娆美女跳舞的，亲爱的你想诱惑黑黑啊

正好找到这个视频，就用了{:4_189:}

红影 发表于 2024-6-18 23:26

小辣椒 发表于 2024-6-18 22:14
欣赏亲爱的精美的制作，我得下了，明天要出去，起早的

好的，亲爱的晚安{:4_179:}

红影 发表于 2024-6-18 23:27

南无月 发表于 2024-6-18 22:39
影子的动作太快了，直接用两个视频做背景，非常漂亮啊。。
舞姿曼妙，心思灵巧，效果绝佳。。

呵呵，小播直接套用黑黑的，然后找两个视频，歌词又方便，做起来太容易了，黑黑带来的东西都好呢{:4_173:}

红影 发表于 2024-6-18 23:28

南无月 发表于 2024-6-18 22:40
歌曲第一次听，天天逛坛收获最大的就是可以听到好多不同的音乐，享受。。

这个挺早以前的歌了，挺好玩的歌{:4_173:}

马黑黑 发表于 2024-6-18 23:43

红影 发表于 2024-6-18 23:25
AI还在发展中呢，未来的未来，它应该能弄出比天然更美的东东呢

不会的，就酱，精致无比而已，空洞没有灵魂

马黑黑 发表于 2024-6-18 23:43

红影 发表于 2024-6-18 23:24
这歌曲多洒脱啊，怎么古里古怪了

{:4_203:}

查看完整版本: 《不怕不怕》to 马黑黑