三月的阳光 发表于 2023-10-10 20:03

罗刹海市

<p></p>
<style>
#papa { margin: 0 0 0 calc(55% - 593px); width: 1164px; height: 680px; background: url('https://pic.imgdb.cn/item/6523f37cc458853aef624470.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#img_border{width:100%;height:100%;position: absolute;animation: rotating 10s linear infinite;z-index: -1;background: url('https://pic.imgdb.cn/item/6523f37cc458853aef624470.jpg') no-repeat center/cover;-webkit-mask-image: radial-gradient(black 25% ,transparent 65%);}
@keyframes rotating{
0% {opacity: 1;transform: scale(1);}
50% {opacity: 1;transform: scale(1);filter:hue-rotate(60deg)contrast(120%)brightness(120%);}
51% {opacity: 1;transform: scale(1);}
100% {opacity: 0;transform:scale(4)rotateY(0deg);}}

#vid { position: absolute; width: 125%; height: 100%; object-fit: cover; pointer-events: none; z-index: -1; opacity: 1; }
</style>

<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/07/99/5d1497bb5888d.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<div id="img_border"></div>
</div>
<audio id="aud" src="https://i.mp3.wf/view.php/aad766b2f9ebafcbbd71f8a6a5de3bfe.mp3" autoplay loop></audio>

<script>
      
(function() {
      let script = document.createElement('script');
      script.src = 'https://638183.freep.cn/638183/web/api/oscpp_lrc.js';
      script.charset = 'utf-8';
      document.head.appendChild(script);
      let geci = [];
      script.onload = () => {
                HCPlayer({papa: '#papa',
                        lrcAr: geci,
                        lrc_css: 'filter:drop-shadow(#ffffff 0.5px 0 0)drop-shadow(#ffffff 0 0.5px 0)drop-shadow(#ffffff -0.5px 0 0) drop-shadow(#ffffff 0 -0.5px0); font:normal 3em 华文新魏; --bg: #800000;top:65%; color: #000080;',
                        fs_css: 'top: 101%; right: 42%;font:normal 2em 华文新魏; ',
                        player_css: `
                              bottom: 6.2%;left: 30%;
                              --discBg:url('https://pic.imgdb.cn/item/6430f41f0d2dde577706d0ec.png') no-repeat center/cover;
                              --discSize: 40px;
                              --hh: 120px;
                        `,
                        pinpu: {num: 300, size: 1, gap: 0.5, color1: '#ff0000', color2: '#ffcccc'},
                });
      };
})();
img_border.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>img_border.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>img_border.style.animationPlayState = 'paused');

setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<script >
(function() {
/*原始lrc歌词*/
let lrcStr = `罗刹海市
演唱:刀郎
编辑:三月的阳光
罗刹国向东两万六千里
过七冲越焦海三寸的黄泥地
只为那有一条一丘河
河水流过苟苟营
苟苟营当家的叉杆儿唤作马户
十里花场有浑名
她两耳傍肩三孔鼻
未曾开言先转腚
每一日蹲窝里把蛋来卧
老粉嘴多半辈儿以为自己是只鸡
那马户不知道他是一头驴
那又鸟不知道他是一只鸡
勾栏从来扮高雅
自古公公好威名
打西边来了一个小伙儿他叫马骥
美丰姿 少倜傥华夏的子弟
只为他人海泛舟搏风打浪
龙游险滩流落恶地
他见这罗刹国里常颠倒
马户爱听那又鸟的曲
三更的草鸡打鸣当司晨
半扇门楣上裱真情
它红描翅那个黑画皮绿绣鸡冠金镶蹄
可是那从来煤蛋儿生来就黑
不管你咋样洗呀那也是个脏东西
那马户不知道他是一头驴
那又鸟不知道他是一只鸡
打西边来了一个小伙儿他叫马骥
美丰姿 少倜傥华夏的子弟
只为他人海泛舟搏风打浪
龙游险滩流落恶地
他见这罗刹国里常颠倒
马户爱听那又鸟的曲
三更的草鸡打鸣当司晨
半扇门楣上裱真情
它红描翅那个黑画皮绿绣鸡冠金镶蹄
可是那从来煤蛋儿生来就黑
不管你咋样洗呀那也是个脏东西
那马户不知道他是一头驴
那又鸟不知道他是一只鸡
打西边来了一个小伙儿他叫马骥
美丰姿 少倜傥华夏的子弟
只为他人海泛舟搏风打浪
龙游险滩流落恶地
他见这罗刹国里常颠倒
马户爱听那又鸟的曲
三更的草鸡打鸣当司晨
半扇门楣上裱真情
它红描翅那个黑画皮绿绣鸡冠金镶蹄
可是那从来煤蛋儿生来就黑
不管你咋样洗呀那也是个脏东西
那马户不知道他是一头驴
那又鸟不知道他是一只鸡
岂有画堂登猪狗
哪来鞋拔作如意
它红描翅那个黑画皮绿绣鸡冠金镶蹄
可是那从来煤蛋儿生来就黑
不管你咋样洗呀那也是个脏东西
爱字有心心有好歹
百样爱也有千样的坏
女子为好非全都好
还有黄蜂尾上针
西边的欧钢有老板
生儿维特根斯坦
他言说马户驴又鸟鸡
到底那马户是驴还是驴是又鸟鸡
那驴是鸡那个鸡是驴那鸡是驴那个驴是鸡
那马户又鸟
是我们人类根本的问题
`;

/*变量 :mKey - 当前歌词索引;mFlag :调用关键帧动画索引;averAdd :平均值补偿*/
let mKey = 0, mFlag = true, averAdd = 0.3;

/*函数 :获取每句歌词用时,歌词用时若超过平均值则取平均值,最后一句歌词则取平均值*/
let lrcTime = (ar) => {
      let tmpAr = [];
      for(j = 0; j <ar.length - 1; j ++) {
                if(j !== ar.length - 1) tmpAr = parseFloat((ar - ar).toFixed(1));
      }
      let aver = parseInt(tmpAr.reduce((a,b) => a + b) / (tmpAr.length - 1)) + averAdd;
      tmpAr.push(aver);
      tmpAr.forEach((item,key) => {
                ar = item > aver ? aver : item;
      });
      return ar;
};

/*函数 :从原始lrc歌词获取信息并存入 n*3 数组*/
let getLrcAr = (text) => {
      let lrcAr = [];
      let calcRule = ;
      for(x of text.split('\n')) {
                let ar = [];
                let re = /\d+[\.:]\d+([\.:]\d+)?/g;
                let geci = x.replace(re,'');
                if(geci) {
                        geci = geci.replace(/[\[\]\'\"\t,]s?/g,'');
                        let time = x.match(re);
                        if(time != null) {
                              for(y of time) {
                                        let tmp = y.match(/\d+/g);
                                        let sec = 0;
                                        for(z in tmp) sec += tmp * calcRule;
                                        ar = ;
                                        lrcAr.push(ar);
                              }
                        }
                }
      }
      lrcAr.sort((a,b)=> a - b);
      return(lrcTime(lrcAr));
};

/*函数 :模拟显示同步歌词*/
let showLrc = (time) => {
      let name = mFlag ? 'cover1' : 'cover2';
      lrc.innerHTML = lrcAr;
      lrc.dataset.lrc = lrcAr;
      lrc.style.setProperty('--motion', name);
      lrc.style.setProperty('--tt', time + 's');
      lrc.style.setProperty('--state', 'running');
      mKey += 1;
      mFlag = !mFlag;
};

/*函数 :处理当前歌词索引 mKey*/
let calcKey = () => {
      for (j = 0; j < lrcAr.length; j++) {
                if (aud.currentTime <= lrcAr) {
                        mKey = j - 1;
                        break;
                }
      }
      if (mKey < 0) mKey = 0;
      if (mKey > lrcAr.length - 1) mKey = lrcAr.length - 1;
      let time = lrcAr - (aud.currentTime - lrcAr);
      showLrc(time);
};

/*格式化时间信息*/
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;
}

/*函数 :关键帧动画状态切换*/
let mState = () => aud.paused ? (lrc.style.setProperty('--state','paused'),mplayer.style.animationPlayState = 'paused') : (lrc.style.setProperty('--state','running'),mplayer.style.animationPlayState = 'running');

/*监听播放进度*/
aud.addEventListener('timeupdate', () => {
      for (j = 0; j < lrcAr.length; j++) {
                if (aud.currentTime >= lrcAr) {
                        cKey = j;
                        if (mKey === j) showLrc(lrcAr);
                        else continue;
                }
      }
});
aud.addEventListener('pause', () => mState());/*监听暂停事件*/
aud.addEventListener('play', () => mState());/*监听播放事件*/
aud.addEventListener('seeked', () => calcKey());/*监听查询事件*/
let lrcAr = getLrcAr(lrcStr); /*获得歌词数组*/
})();
</script>

三月的阳光 发表于 2023-10-10 20:03

刀郎是一位中国流行音乐歌手,而罗刹海市是他演唱的一首歌曲。以下是详细解析:

1、罗刹海市的歌曲背景

罗刹海市是刀郎演唱的一首歌曲,歌曲借用了佛教典故中的罗刹海和江湖中的血海,融合了浓郁的东方元素。歌曲以浓烈的古风音乐风格和深情的歌词描绘了一个充满神秘与传奇的海市场景。

2、罗刹与海市二者的意义

在佛教中,罗刹是一种魔神或妖怪的形象,常用来指代邪恶、凶残之物。而海市是以海为背景的繁华市场,常带有一种神秘和崭新的氛围。罗刹与海市的结合,形成了一种独特的景象,寓意着复杂多变的世界与人性。

3、歌词和叙事风格

罗刹海市的歌词描述了一个奇幻的场景,将爱情和江湖恩怨相结合。歌曲以叙事风格为主,通过对爱情、江湖和人性的思考,表达了希望拥有纯真爱情的心情与对现实的反思。刀郎独特的嗓音和情感表达使歌曲更富有张力和吸引力。

4、曲风和音乐元素

罗刹海市的曲风融合了古典、流行和民乐等多种音乐元素。刀郎运用了中国传统乐器如二胡、琵琶和古筝等,与现代乐器相结合,创造出独特的声音质感,增加了歌曲的东方韵味。同时,歌曲的编曲与旋律设计紧密结合,使整个曲子更具张力和感染力。

5、观众对歌曲的解读

罗刹海市作为一首流行歌曲,观众对其意义和解读各有不同。许多人认为歌曲表达了对纯真爱情的向往和对世俗现实的反思,让人回味和思考人性和情感的复杂性。歌曲的独特风格以及深情嗓音的表演也赢得了许多人的喜爱。

总结起来,罗刹海市是刀郎演唱的一首以罗刹和海市为意象的歌曲。歌词中融合了爱情、江湖以及对人性和现实的思考,展现了一个神秘而丰富的场景。该歌曲的独特曲风和音乐元素以及深情的表演风格,使其在观众中产生了深刻的共鸣和喜爱。

三月的阳光 发表于 2023-10-10 20:04

@蜻蜓

{:9019:}{:9019:}

蜻蜓 发表于 2023-10-10 20:23

三月的阳光 发表于 2023-10-10 20:04
@蜻蜓

我来了

蜻蜓 发表于 2023-10-10 20:23

师兄这视频制作的真棒{:10_402:}

一抹微蓝 发表于 2023-10-10 20:32

喜欢的歌呀,真带劲,蹭听,哈哈

三月的阳光 发表于 2023-10-10 20:39

蜻蜓 发表于 2023-10-10 20:23
师兄这视频制作的真棒

师妹,晚上好,谢谢欣赏哈~~{:10_403:}

蜻蜓 发表于 2023-10-10 20:41

三月的阳光 发表于 2023-10-10 20:39
师妹,晚上好,谢谢欣赏哈~~

跟我还客气上了,记得多来发发贴子,我在此恭候{:9005:}

三月的阳光 发表于 2023-10-10 20:42

一抹微蓝 发表于 2023-10-10 20:32
喜欢的歌呀,真带劲,蹭听,哈哈

蓝蓝,晚上好,已经听了不算蹭了~~{:10_403:}

三月的阳光 发表于 2023-10-10 20:43

蜻蜓 发表于 2023-10-10 20:41
跟我还客气上了,记得多来发发贴子,我在此恭候

这歌曲配上吉特巴舞曲节奏感觉更带劲,不过这歌词编辑花了好长的时间~~{:9007:}
页: [1] 2 3 4
查看完整版本: 罗刹海市