加林森 发表于 2022-6-26 14:50

《我的楼兰》- 云朵


<style>
.papa { left: -214px; width: 1024px; height: 600px; background:
rgba(0,0,0,.4) url('https://pic.imgdb.cn/item/62b7f6372f25919088cc78a0.jpg') no-repeat center/cover; position: relative; overflow: hidden; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 10px; top: 10px; padding: 10px; width: fit-content; font: normal 1em sans-serif; color: snow; background: transparent;border-radius: 8px; overflow: hidden; box-shadow: 1px 1px 2px rgba(0,0,0,.15); z-index: 1; }
.playbox::before { position: absolute;content: '';margin: -20px;left: 0; top: 0; right: 0; bottom: 0;background: rgba(255,255,255,.45);filter: blur(2px); z-index: -1; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
.vid { position: absolute; top: -55px; width: 1024px; height: 652px; object-fit: cover; opacity: 0.2; }
</style>

<div class="papa">
      <video class="vid" src="https://img.tukuppt.com/video_show/3535055/00/02/27/5b545022caf19.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
      <div class="playbox">
                <p id="geci">我的楼兰 - 云朵 </p>
                <p style="display: flex; align-items: center; gap: 4px; margin-top: 10px;">
                        <input id="btnplay" type="button" value=">" />
                        <input id="slider" type="range" min="0" max="100" value="0" />
                        <span id="per">0%</span>
                </p>
      </div>
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=26545309.mp3" autoplay="autoplay" loop="loop"></audio>
</div>

<script>

let slider = document.querySelector('#slider'),
      aud = document.querySelector('#aud'),
      per = document.querySelector('#per'),
      btnplay = document.querySelector('#btnplay'),
      geci = document.querySelector('#geci');
let slip = 0; //误差值
let lrcAr = [
      ['1.75','我的楼兰- 云朵'],
        ['3.94','作词 : 苏柳'],
        ['6.31','作曲 : 刀郎'],
        ['35.61','想问沙漠借那一根曲线'],
        ['40.84','缝件披风为你御寒'],
        ['46.75','用肺腑去触摸你的灵魂'],
        ['56.57','我就在那只火炉边取暖'],
        ['62.64','想问姻缘借那一根红线'],
        ['71.47','深埋生命血脉相连'],
        ['81.03','用丝绸去润泽你的肌肤'],
        ['86.41','我就在那个怀抱里缠绵'],
        ['95.82','你总是随手把银簪插在太阳上面'],
        ['101.61','万道光芒蓬松着你长发的波澜'],
        ['107.39','我闻着芬芳跋涉着无限远'],
        ['113.36','只为看清你的容颜'],
        ['119.70','你总不小心把倩影靠在月亮上面'],
        ['125.37','万顷月光舞动着你优美的梦幻'],
        ['131.37','我闻着芬芳跋涉着无限远'],
        ['137.53','只为看清你的容颜'],
        ['146.94','谁与美人共浴沙河互为一天地'],
        ['152.49','谁与美人共枕夕阳长醉两千年'],
        ['158.40','从未说出我是你的尘埃'],
        ['164.84','但你却是我的楼兰'],
        ['195.55','想问姻缘借那一根红线'],
        ['200.30','深埋生命血脉相连'],
        ['205.90','用丝绸去润泽你的肌肤'],
        ['215.63','我就在那个怀抱里缠绵'],
        ['222.14','你总是随手把银簪插在太阳上面'],
        ['230.30','万道光芒蓬松着你长发的波澜'],
        ['236.21','我闻着芬芳跋涉着无限远'],
        ['242.40','只为看清你的容颜'],
        ['248.59','你总不小心把倩影靠在月亮上面'],
        ['254.42','万顷月光舞动着你优美的梦幻'],
        ['260.66','我闻着芬芳跋涉着无限远'],
        ['266.40','只为看清你的容颜'],
        ['275.63','谁与美人共浴沙河互为一天地'],
        ['282.59','谁与美人共枕夕阳长醉两千年'],
        ['287.35','从未说出我是你的尘埃'],
        ['293.80','但你却是我的楼兰']
];
slider.onmousedown = () => aud.pause();
slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');

aud.addEventListener('timeupdate', () => {
      let prog = 100 * aud.currentTime / aud.duration;
      slider.value = prog;
      per.innerText = prog.toFixed(2) + '%';
                for(j=0; j<lrcAr.length; j++){
                if(aud.currentTime >= lrcAr - slip){
                        geci.innerHTML = lrcAr;
                }
      }
});

</script>

加林森 发表于 2022-6-26 14:50

@马黑黑

马黑黑 发表于 2022-6-26 15:14

云朵的嗓音是自然天成的,唱歌是她从小的喜好。小时候,她跟过一位老师,这位老师教着教着就觉得自己不能再教下去了,于是把云朵推荐给了刀郎。刀郎足以做云朵一辈子的老师。

我在收集艺人资料时,曾读过一份对歌手的分析,其中谈到云朵,认为云朵和她的师傅刀郎一样,没有系统学过声学,这样会伤嗓。我不赞同这个观点,刀郎嗓音中的沧桑也不是嗓伤了造成,云朵的嗓音也一直很正常,实际上她的声带越用越好。科学用嗓,不一定非得科班出身,这个技巧和保护能力刀郎有,云朵自然也有。倒是已经离世的张雨生,他一直不会用嗓,用咽喉乱吼一通,声线越来越细,最后唱的歌没了雄性气概。

喜欢云朵的自然天成与对音乐的理解,以及厚重的演绎音乐主体的能力。

感谢队长的好作品,好分享!

加林森 发表于 2022-6-26 15:23

马黑黑 发表于 2022-6-26 15:14
云朵的嗓音是自然天成的,唱歌是她从小的喜好。小时候,她跟过一位老师,这位老师教着教着就觉得自己不能再 ...

老黑客气了。我很喜欢刀郎的声音,我感觉他唱得很自然的。云朵是他徒弟,他肯定要保护云朵的。很好啊,老黑也喜欢云朵的歌唱的。谢谢老黑!

马黑黑 发表于 2022-6-26 15:24

加林森 发表于 2022-6-26 15:23
老黑客气了。我很喜欢刀郎的声音,我感觉他唱得很自然的。云朵是他徒弟,他肯定要保护云朵的。很好啊,老 ...

我一直喜欢音乐,并做过音乐评论员的。当然,那都是在我杀猪之前。

加林森 发表于 2022-6-26 15:29

马黑黑 发表于 2022-6-26 15:24
我一直喜欢音乐,并做过音乐评论员的。当然,那都是在我杀猪之前。

又来了,我真服你了。

加林森 发表于 2022-6-26 15:32

马黑黑 发表于 2022-6-26 15:24
我一直喜欢音乐,并做过音乐评论员的。当然,那都是在我杀猪之前。

降央卓玛就是我这里出去的,原来一个音乐专家带她来的,我听后感觉很好,就直接推给国家音乐院了。

马黑黑 发表于 2022-6-26 15:37

加林森 发表于 2022-6-26 15:32
降央卓玛就是我这里出去的,原来一个音乐专家带她来的,我听后感觉很好,就直接推给国家音乐院了。

云朵也是我们四川的

马黑黑 发表于 2022-6-26 15:38

加林森 发表于 2022-6-26 15:29
又来了,我真服你了。

生活所逼,啥的干干

加林森 发表于 2022-6-26 15:43

马黑黑 发表于 2022-6-26 15:37
云朵也是我们四川的

我知道的。都不容易的。

加林森 发表于 2022-6-26 15:43

马黑黑 发表于 2022-6-26 15:38
生活所逼,啥的干干

老黑,我这个背景配合得得好吗?

马黑黑 发表于 2022-6-26 15:50

加林森 发表于 2022-6-26 15:43
老黑,我这个背景配合得得好吗?

不错的,你的自我感觉也应该挺好

马黑黑 发表于 2022-6-26 15:50

加林森 发表于 2022-6-26 15:43
我知道的。都不容易的。

容易就不叫奋斗了

加林森 发表于 2022-6-26 15:55

马黑黑 发表于 2022-6-26 15:50
不错的,你的自我感觉也应该挺好

我选了很多背景的,感觉这个挺好的。

加林森 发表于 2022-6-26 15:57

马黑黑 发表于 2022-6-26 15:50
容易就不叫奋斗了

是的,直接一个人打拼不容易的。有一个好师傅更加不容易。

红影 发表于 2022-6-26 16:39

队长这个做得漂亮,图片歌曲视频都选得很好,做得真棒{:4_199:}

梦油 发表于 2022-6-26 16:48

欣赏佳作,问候队长。

马黑黑 发表于 2022-6-26 16:54

加林森 发表于 2022-6-26 15:57
是的,直接一个人打拼不容易的。有一个好师傅更加不容易。

说的没错

加林森 发表于 2022-6-26 17:10

马黑黑 发表于 2022-6-26 16:54
说的没错

嗯嗯。

加林森 发表于 2022-6-26 17:11

红影 发表于 2022-6-26 16:39
队长这个做得漂亮,图片歌曲视频都选得很好,做得真棒

我说了的,以后会更加好的。谢谢红影支持!{:4_204:}
页: [1] 2 3
查看完整版本: 《我的楼兰》- 云朵