起个网名好难 发表于 2024-3-24 11:01

小城故事 --- 邓丽君

本帖最后由 起个网名好难 于 2024-3-24 19:31 编辑 <br /><br /><link rel="stylesheet" href="https://file.uhsea.com/2403/f45f79bba93cd62f8603eae6fa88eb78YS.css">
<style>
    #oBlk {
                width:1050px;height:744px;position:relative;overflow:hidden;border-radius:24px;
                margin: 16px auto 32px calc(50% - 605px);box-shadow:4px 4px 8px #333;
                background:url(https://img.zcool.cn/community/011ebf5be8ed97a8012092521c7509.jpg) no-repeat 0 0 / 100%;
    }
        .lrcShow        {font-size:2em; bottom:-10px;font-family:'楷体,楷体_GB2312';}
</style>

<div id='oBlk'>
          <canvas id="canvas"></canvas>
                <div class="lrcShow" data-lrc="点击启动播放"></div>
</div>

<script>

var sF = document.createElement('script');
    sF.src = 'https://file.uhsea.com/2403/a07f31a991cbfb7b6e8283fc9d8f16daNY.js';
    sF.charset = 'utf-8';
    document.querySelector('body').appendChild(sF);
sF.onload = () => {
        let lrctxt = `
作词 : 庄奴
作曲 : 翁清溪 /（汤尼）
小城故事多
充满喜和乐
若是你到小城来
收获特别多
看似一幅画
听像一首歌
人生境界真善美这里已包括
谈的谈说的说
小城故事真不错
请你的朋友一起来
小城来做客
谈的谈说的说
小城故事真不错
请你的朋友一起来
小城来做客        `;
        //       
        let opts = {
                lrcTxt:lrctxt,
                audioURL:"https://mp3.t57.cn:7087/kwlink_d.php?id=28429779.mp3",
                canvas: "canvas"
        }
        new lrcPlayerC(opts);
}
</script>


起个网名好难 发表于 2024-3-24 11:01

mp3和LRC都是网上找的配合得不太好，目的是试着把歌词同步和歌曲频谱揉合在一起。

庶民 发表于 2024-3-24 11:13

美好的视野。

起个网名好难 发表于 2024-3-24 11:28

庶民 发表于 2024-3-24 11:13
美好的视野。

谢谢鼓励支持！
https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fss2.meipian.me%2Fusers%2F8241262%2Fd6be02a600bc42ba9d8172f2f47c641b.gif%3Fmeipian-raw%2Fbucket%2Fivwen%2Fkey%2FdXNlcnMvODI0MTI2Mi9kNmJlMDJhNjAwYmM0MmJhOWQ4MTcyZjJmNDdjNjQxYi5naWY%3D%2Fsign%2F3fba561c3f525d9adce4d612202f5eec.jpg&refer=http%3A%2F%2Fss2.meipian.me&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1713842897&t=7cbdeddabc22da7b5ef02294eaa42393

亦是金 发表于 2024-3-24 12:05

谢谢老师分享精美歌词频谱代码！欣赏收藏了，准备套用一个！{:4_180:}

起个网名好难 发表于 2024-3-24 12:14

亦是金 发表于 2024-3-24 12:05
谢谢老师分享精美歌词频谱代码！欣赏收藏了，准备套用一个！

谢谢支持鼓励。
https://p0.itc.cn/q_70/images03/20210106/b29e73dd320a473489162c0f3e4c6fd9.gif

梦油 发表于 2024-3-24 14:33

起个网名好难朋友下午好！我很喜欢老歌，谢谢你，分享了。

起个网名好难 发表于 2024-3-24 15:29

梦油 发表于 2024-3-24 14:33
起个网名好难朋友下午好！我很喜欢老歌，谢谢你，分享了。

谢谢鼓励支持！
https://p1.itc.cn/q_70/images03/20210105/a6f384b702904a1995e0476cc75abcbb.gif

梦油 发表于 2024-3-24 17:13

起个网名好难 发表于 2024-3-24 15:29
谢谢鼓励支持！

起个网名好难朋友别客气。

绿叶清舟 发表于 2024-3-24 19:35

精美的制作，学习了

起个网名好难 发表于 2024-3-24 19:46

绿叶清舟 发表于 2024-3-24 19:35
精美的制作，学习了

谢谢支持鼓励！

https://5b0988e595225.cdn.sohucs.com/images/20190726/a01c93cfda3447869367ae3d1888dbbd.gif

绿叶清舟 发表于 2024-3-24 20:02

起个网名好难 发表于 2024-3-24 19:46
谢谢支持鼓励！

不客气了，网名晚上好

红影 发表于 2024-3-25 11:08

这个响应式频谱好，看着特别均匀呢。欣赏难难好帖{:4_199:}

起个网名好难 发表于 2024-3-25 11:54

红影 发表于 2024-3-25 11:08
这个响应式频谱好，看着特别均匀呢。欣赏难难好帖

谢谢支持鼓励！
https://hiphotos.baidu.com/feed/pic/item/7aec54e736d12f2ed78693e343c2d562843568b5.jpg

红影 发表于 2024-3-25 21:19

起个网名好难 发表于 2024-3-25 11:54
谢谢支持鼓励！

不客气啊，晚上好，新周快乐{:4_187:}

小辣椒 发表于 2024-3-25 21:47

难难这个效果太美了，我手机欣赏非常完美{:4_199:}

小辣椒 发表于 2024-3-25 21:48

这个频谱颜色也是配的好，和背景图很相配，难难好制作{:4_199:}

小辣椒 发表于 2024-3-25 21:49

感谢难难精彩的分享

大猫咪 发表于 2024-3-25 22:03

经典老歌辣椒制作真漂亮！明朗   温柔恬淡滴小城秋景！有些记忆，就像一条河，依然在静静地流淌。

{:4_187:}{:4_178:}{:4_199:}

起个网名好难 发表于 2024-3-25 22:40

红影 发表于 2024-3-25 21:19
不客气啊，晚上好，新周快乐

https://p5.itc.cn/q_70/images03/20210103/61debf1f48584bdeaea28806d63d7c7a.gif
页: [1] 2
查看完整版本: 小城故事 --- 邓丽君