论坛 › 欢乐水吧 › 《化身为莲》 陈瑞

加林森 发表于 2022-2-20 17:36

《化身为莲》 陈瑞

<style>

#bigPa { position: relative; left:- 100px; width: 800px; height: 450px; background:#333 url('https://pic.imgdb.cn/item/62120d372ab3f51d91abe8c6.jpg') no-repeat center/cover; box-shadow: 0 0 0 2px #111;}
#gcDiv { width: 500px; float: right; column-count:2; color: #eee; font-size: 1em; text-shadow: 1px 1px 1px #111; }
#paDiv { position: relative; left: 10px; top: 10px; width: 220px; display: flex; align-items: center; border: 1px solid olive; border-radius: 8px 0px 8px 0px; background: rgba(0,0,0,.8); box-shadow: 1px 1px 2px #000; }
#jindu { position: relative; width: 200px; height: 8px; line-height: 8px; font-size: 10px; color: #eee; text-align: center; background: linear-gradient(90deg, olive, green) no-repeat; background-size: 8px 0px; cursor: pointer; }
#btn-ro { width: 20px; height: 20px; line-height: 20px; font-size: 12px; background: linear-gradient(blue, silver, red); outline:none; color: white; border-radius: 50%; text-align: center; cursor: pointer; animation: rol linear 2s infinite; }
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }

</style>

<div id="bigPa">
        <div id="paDiv">
                <div id="btn-ro">·</div>
                <div id="jindu">
                        <div id="jd-go"></div>
                </div>
        </div>
      </div>
</div>

<script language="javascript">

var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var aud = document.createElement('audio');
aud.loop = true;
// 音乐地址放在下行引号内
aud.src = "https://oss.shandianpan.com/a286680af9670ab7e32647f64c1b535f.mp3";
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);
aud.play();

function tmMsg(){ //进度条
        let auT = Math.floor(aud.duration - aud.currentTime);
        let auM = auT / 60;
        let auMs = parseInt(auM);
        if (auMs <10) auMs = "0" + auMs;
        let auS = auT % 60;
        let auSs = Math.round(auS);
        if (auSs < 10) auSs = "0" + auSs;
        jindu.innerHTML = "- " + auMs +":" + auSs;
        let jd = (100*aud.currentTime)/aud.duration;
        jindu.style.backgroundSize = jd+ "% 8px";
}

jindu.onclick = function(){ //进度控制
        let w = offset(jindu,"left");
        let x = (event.clientX - w) * aud.duration / jindu.clientWidth;
        aud.currentTime = x;
}

function offset(obj,direction){//获取父级元素偏移总量
        let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
        let realNum = obj;
        let positionParent = obj.offsetParent;
        while(positionParent != null){
                realNum += positionParent;
                positionParent = positionParent.offsetParent;
        }
        return realNum;
}

btn.onclick = function(){ // 暂停&播放
        aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}

</script>

加林森 发表于 2022-2-20 17:39

简介：《化身为莲》是陈瑞在2019年推出的最新单曲。作曲刘亦敏，作词王洪波，编曲喜波，和声南妮，整个幕后创作班底均是与陈瑞合作多次，对陈瑞嗓音特质和演唱风格有着非常深刻了解的音乐人。《化身为莲》这首歌曲延续陈瑞音乐经典的疗式伤感，古韵深情，她的声音很有辨别度，醇厚自然、令人沉醉。陈瑞的歌声从消蚀的岁月中升华而出，诉尽心事，走过风雨沉淀，悲欢离合，慰藉着每一个听众的心灵。“化身为青莲，只为等他来归隐。”怜世间红尘男女，愿所有爱恨嗔怨，均念念不忘，必有回响。细细聆赏瑞式经典歌曲，再次感受陈瑞歌声的魅力。


化身为莲
演唱：陈瑞
作词：王洪波
作曲：刘亦敏
和声：南妮
☆∮ ★∮☆ ∮★
LRC编传：五味连翘
☆∮ ★∮☆ ∮★

那年那月那红尘
爱上那个人
我为他抚瑶琴
他为我理云鬓
不许三生愿
我只求因果一轮
和他白首不离分
在花开的小镇
那烟那雨那一瞬
离开那个人
我为他折杨柳
他为我擦泪痕
重逢问何年
那誓言还剩余温
我锁相思在眉心
看天边的雁阵
我化身为青莲
不为遁空门
只为在佛前
等他来归隐
莲花一朵朵
秋去冬来又一春
他能不能再出现
我会不会乱方寸
我化身为青莲
化不尽爱恨
斩不断情丝
看不破红尘
香雾一阵阵
多少等待成灰烬
我痴念经文
把一生眼泪都放任
那烟那雨那一瞬
离开那个人
我为他折杨柳
他为我擦泪痕
重逢问何年
那誓言还剩余温
我锁相思在眉心
看天边的雁阵
我化身为青莲
不为遁空门
只为在佛前
等他来归隐
莲花一朵朵
秋去冬来又一春
他能不能再出现
我会不会乱方寸
我化身为青莲
化不尽爱恨
斩不断情丝
看不破红尘
香雾一阵阵
多少等待成灰烬
我痴念经文
把一生眼泪都放任
把一生眼泪都放任
☆∮ ★∮☆ ∮★
☆∮ ★∮☆ ∮★
☆∮ ★∮☆ ∮★
☆∮ ★∮☆ ∮★
☆∮ ★∮☆ ∮★

上海朝阳 发表于 2022-2-20 18:38

没听到，唱片在转，音乐没出来。

红影 发表于 2022-2-20 19:04

貌似音乐加载不成功呢。

加林森 发表于 2022-2-20 19:10

上海朝阳 发表于 2022-2-20 18:38
没听到，唱片在转，音乐没出来。

我这里有声音的啊。没有我不会发出来的。

加林森 发表于 2022-2-20 19:11

红影 发表于 2022-2-20 19:04
貌似音乐加载不成功呢。

成功了的，我听了两次才发出来的。

红影 发表于 2022-2-20 19:24

加林森 发表于 2022-2-20 19:11
成功了的，我听了两次才发出来的。

我这里听不到，不知道除了你自己还有谁能听到{:4_173:}

大猫咪 发表于 2022-2-20 19:27

本帖最后由 大猫咪 于 2022-2-20 19:32 编辑

队长听不见看看这链接
http://music.163.com/song/media/outer/url?id=1851254515.mp3

大猫咪 发表于 2022-2-20 19:29

本帖最后由 大猫咪 于 2022-2-20 19:32 编辑

晕链接发不出来

加林森 发表于 2022-2-20 19:33

红影 发表于 2022-2-20 19:24
我这里听不到，不知道除了你自己还有谁能听到

这个是地址：https://www.joy127.com/url/3878.mp3

加林森 发表于 2022-2-20 19:34

大猫咪 发表于 2022-2-20 19:27
队长听不见看看这链接

https://www.joy127.com/url/3878.mp3

加林森 发表于 2022-2-20 19:47

大猫咪 发表于 2022-2-20 19:27
队长听不见看看这链接
https://www.joy127.com/url/3878.mp3

大猫咪 发表于 2022-2-20 19:50

哈哈   地址不能显示，队长我找到了   {:5_106:}

加林森 发表于 2022-2-20 19:53

大猫咪 发表于 2022-2-20 19:50
哈哈   地址不能显示，队长我找到了

我发在微信里了

大猫咪 发表于 2022-2-20 19:56

加林森 发表于 2022-2-20 19:53
我发在微信里了

收到队长{:4_179:}

红影 发表于 2022-2-20 19:59

加林森 发表于 2022-2-20 19:33
这个是地址：

这个可能不让外链？有地址也没用啊，这里还是听不了呢。

加林森 发表于 2022-2-20 20:02

红影 发表于 2022-2-20 19:59
这个可能不让外链？有地址也没用啊，这里还是听不了呢。

我发微信里了，你去看看。

加林森 发表于 2022-2-20 20:06

大猫咪 发表于 2022-2-20 19:50
哈哈   地址不能显示，队长我找到了

现在出来了，你在来听听。

加林森 发表于 2022-2-20 20:06

红影 发表于 2022-2-20 19:59
这个可能不让外链？有地址也没用啊，这里还是听不了呢。

现在出来了，你在来听听。

大猫咪 发表于 2022-2-20 20:08

还是没有声音哦   

查看完整版本: 《化身为莲》 陈瑞