小辣椒 发表于 2025-9-23 20:57

孤鹰 歌手:艾米尔 帖赠梦油

<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa { --offsetX: 81px;margin: 130px 0; left: calc(50% - 60px);width: clamp(600px, 80vw, 1440px); height: auto; aspect-ratio: 16/9;--bg: url('https://wj.zp68.com/lxx/yunhua/2025/09/23/48.jpg') no-repeat center/cover; --ma-size: 12%; }
        #btnFs { right: 47%;bottom: 20px;   color: #999; border-color: currentColor!important; }
        #prog { position: absolute; left: 550px;top:50%;   width: var(--ma-size); cursor: pointer; filter: hue-rotate(407deg) opacity(.6); }
        #ma {left: 550px;top:28%;border-radius: 50%; }
        #lrc {right: 10%;top: 100px; letter-spacing: 4px; writing-mode: vertical-rl; font:normal 2.0em Microsoft YaHei; sans-serif; color:DarkKhaki;}
        #lrc::before { width: 100%; height: 0; background: url('https://wj.zp68.com/lxx/yunhua/2025/08/18/bjs.jpg') center; background-clip: text;-webkit-background-clip: text; }
          @keyframes cover1 { from { height: 0; }to { height: 100%; } }
          @keyframes cover2 { from { height: 0; }to { height: 100%; } }
            #dt2{ position: absolute; width:120px; height: 106px; top: 85px; left: 484px; }

          .vid { mixed-blend-mode: screen; opacity: .30}
        #msvg line { stroke-dasharray: 4 8; stroke-dashoffset: 100%; animation: move 2s linear infinite alternate var(--state); }
        @keyframes move { to { stroke-dashoffset: 0; } }
</style>

<div id="pa">
                <img id="dt2" src="https://wj.zp68.com/lxx/yunhua/2025/09/23/a.png" alt="" />
        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/fa04-audiofreehighqps/07/10/GKwRIaIMpyEIACAAAAQU8uwW.m4a" autoplay loop></audio>
        <video class="vid pd-vid" src="https://img.tukuppt.com/video_show/2475824/00/02/05/5b4ffd401d669.mp4" autoplay loop muted></video>
        <progress id="prog"></progress>
        <div id="ma" class="opacity">
                <svg id="msvg" width="100%" height="100%" viewBox="-100 -100 200 200"></svg>
        </div>
</div>
<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/svglz_fs.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        import lrc from 'https://638183.freep.cn/638183/web/lrc/hclrc_only.js';
    var geci= [
        ['0.00', '孤鹰歌手:艾米尔',7.60],
['8.00', '帖赠:梦油',4.05],
['12.26', '词 曲:崔伟立',4.29],
['16.78', '编曲:牛渡',5.37],
['22.43', '伴唱:喜波',3.54],
['26.16', '混音:阿KEN',4.33],
['30.72', '制作人:崔伟立   ',3.33],
['34.23', '山间呼啸而过的风',3.20],
['37.60', '伴着漫天纷飞的雨',3.30],
['41.07', '头顶这片低垂的乌云',3.26],
['44.50', '禁锢我的双翼',3.36],
['48.04', '穿过浩瀚无垠天地',3.14],
['51.35', '越过苍茫雪山森林',3.18],
['54.70', '生来注定高飞的身影',3.25],
['58.12', '从来不信人间宿命',3.64],
['61.95', '一路飞啊飞',2.87],
['64.97', '刺破云层的缝隙',3.61],
['68.77', '一路追啊追',2.99],
['71.92', '熬过黑夜拥抱万丈光明',6.45],
['78.71', '我是一只孤独的鹰',3.32],
['82.20', '迎着暴雨逆风飞行',3.33],
['85.71', '翱翔晴空万里的天际',3.28],
['89.16', '那是我的意义',3.11],
['92.43', '我是一只倔强的鹰',3.32],
['95.93', '逐梦路上无畏艰辛',3.25],
['99.35', '来时一颗火热赤子心',3.23],
['102.75', '去时夜空最亮的星星',6.86],
['109.97', '歌词同步编辑:小辣椒',25.67],
['136.99', '山间呼啸而过的风',3.26],
['140.42', '伴着漫天纷飞的雨',3.28],
['143.87', '头顶这片低垂的乌云',3.37],
['147.42', '禁锢我的双翼',3.18],
['150.77', '穿过浩瀚无垠天地',3.30],
['154.24', '越过苍茫雪山森林',3.18],
['157.59', '生来注定高飞的身影',3.28],
['161.04', '从来不信人间宿命',3.62],
['164.85', '一路飞啊飞',2.86],
['167.86', '刺破云层的缝隙',3.58],
['171.63', '一路追啊追',2.86],
['174.64', '熬过黑夜拥抱万丈光明',6.55],
['181.53', '我是一只孤独的鹰',3.24],
['184.94', '迎着暴雨逆风飞行',3.35],
['188.47', '翱翔晴空万里的天际',3.25],
['191.89', '那是我的意义',3.31],
['195.37', '我是一只倔强的鹰',3.17],
['198.71', '逐梦路上无畏艰辛',3.28],
['202.16', '来时一颗火热赤子心',3.36],
['205.70', '去时夜空最亮的星星',7.14],
['213.22', '帖赠:梦油',12.44],
['226.31', '我是一只孤独的鹰',3.03],
['229.50', '迎着暴雨逆风飞行',3.45],
['233.13', '翱翔晴空万里的天际',3.19],
['236.49', '那是我的意义',3.30],
['239.96', '我是一只倔强的鹰',3.13],
['243.25', '逐梦路上无畏艰辛',3.30],
['246.72', '来时一颗火热赤子心',3.31],
['250.20', '去时夜空最亮的星星',7.83],
['258.44', '谢谢欣赏',4.71],
['263.40', '',4.5]
];

        var dr = Dr.dr(msvg);
        dr.circle(0, 0, 80, 'none', '#fff', 15).set('stroke-dasharray', '4 8');
var tt = 3;
Array.from({length: tt}).forEach((_,k) => {
        dr.line(3, 0, 70, 0, '#eee', 15).transform(`rotate(${360/tt*k})`).set('stroke-dasharray', '4 2');
});

        aud.ontimeupdate = () => prog.value=aud.currentTime/aud.duration;
        prog.onclick = (e) => aud.currentTime=aud.duration*e.offsetX/prog.offsetWidth;

        FS(pa, ma);
        lrc(pa, geci);
</script>

小辣椒 发表于 2025-9-23 20:59

@梦油
谢谢梦油一直坚守水区,辫子哥哥说他太忙,没有时间玩了,委托小辣椒送个礼物,小辣椒也是作业当礼物了,笑纳了{:4_205:}

https://wj.zp68.com/lxx/yunhua/2025/09/23/tuy.jpg


小辣椒 发表于 2025-9-23 21:00

@辫子哥哥 任务完成了,反正呼叫你也是白叫的{:4_170:}

小辣椒 发表于 2025-9-23 21:01

@马黑黑 黑黑学习套用玩一个(Anger)的播放器效果,感谢黑黑源码分享

梦油 发表于 2025-9-23 21:31

本帖最后由 梦油 于 2025-9-23 21:34 编辑

谢谢小辣椒管理员,谢谢辫子哥哥版主。你们的好意我全收到了。
“投我以木桃,报之以琼瑶”,这诗句流传千年,道尽了人与人之间那份因馈赠而生的深情厚谊。生活里,总有些礼物,像夜空中突然划过的流星,瞬间照亮我们平淡的日子,让人满心欢喜又感慨万千。这不,我就收到了这样一份特别的礼物——来自花潮论坛管理员小辣椒和版主辫子哥哥精心送我的音画作品“孤鹰”。

小辣椒和辫子哥哥版主送我这样幅作品这幅“孤鹰”,对我来说就是最大的鼓励。小辣椒和辫子哥哥,精心为我准备这样一份有意义的礼物,这让我深刻体会到了什么是真正的情谊。这种情谊,不是酒桌上的称兄道弟,也不是利益交换的虚情假意,而是默默地伸出友爱的手,给你力量和温暖。这份礼物,对我来说,不仅仅是一幅音画作品,更是一份激励,一份鞭策。
谢谢!谢谢小辣椒朋友!谢谢,谢谢辫子哥哥朋友!

                                                         


小辣椒 发表于 2025-9-23 21:36

梦油 发表于 2025-9-23 21:31
谢谢小辣椒管理员,谢谢辫子哥哥版主。你们的好意我全收到了。
“投我以木桃,报之以琼瑶”,这诗句流传千 ...

梦油太客气了,我们真的很感谢你,小辣椒眼睛不好上来少,辫子哥哥工作特别忙,水区都是梦油在打理,真心感谢有你{:4_179:}

偶然~ 发表于 2025-9-23 21:39

这首歌曲是我喜欢之一,好棒的歌曲,正能量!

偶然~ 发表于 2025-9-23 21:39

音画大气

偶然~ 发表于 2025-9-23 21:39

制作精良

偶然~ 发表于 2025-9-23 21:40

感谢小辣椒带来的精彩,辛苦了~!

小辣椒 发表于 2025-9-23 21:45

偶然~ 发表于 2025-9-23 21:39
这首歌曲是我喜欢之一,好棒的歌曲,正能量!
偶然晚上好,你唱一个{:4_208:}

偶然~ 发表于 2025-9-23 21:49

梦油收礼快乐幸福

偶然~ 发表于 2025-9-23 21:49

小辣椒 发表于 2025-9-23 21:45
偶然晚上好,你唱一个

我准备参考写一首

梦油 发表于 2025-9-23 21:55

偶然~ 发表于 2025-9-23 21:49
梦油收礼快乐幸福

谢谢偶然朋友。祝你天天快乐。

偶然~ 发表于 2025-9-23 21:58

梦油 发表于 2025-9-23 21:55
谢谢偶然朋友。祝你天天快乐。


梦油健康幸福,阖家安康

梦油 发表于 2025-9-23 21:58

小辣椒 发表于 2025-9-23 21:36
梦油太客气了,我们真的很感谢你,小辣椒眼睛不好上来少,辫子哥哥工作特别忙,水区都是梦油在打理,真心 ...
感谢小辣椒朋友和辫子哥哥朋友对俺一贯的支持和帮助,也使我感受到了花潮家园的温暖。谢谢你,小辣椒朋友。谢谢你辫子哥哥朋友!

小辣椒 发表于 2025-9-23 22:02

偶然~ 发表于 2025-9-23 21:49
我准备参考写一首

偶然唱歌是属于精英类了{:4_189:}{:4_208:}

小辣椒 发表于 2025-9-23 22:03

偶然~ 发表于 2025-9-23 21:49
我准备参考写一首

自己写一首?

小辣椒 发表于 2025-9-23 22:04

梦油 发表于 2025-9-23 21:58
感谢小辣椒朋友和辫子哥哥朋友对俺一贯的支持和帮助,也使我感受到了花潮家园的温暖。谢谢你,小辣椒朋友 ...
最应该谢的是梦油你,花潮有你真精彩{:4_178:}

红影 发表于 2025-9-23 22:04

这制作真漂亮,文字设计里的孤鹰两字是从沙发那张图里扣出来的吧{:4_173:}
竖排歌词同步很漂亮。欣赏亲爱的好帖,梦油收礼开心{:4_187:}
页: [1] 2 3
查看完整版本: 孤鹰 歌手:艾米尔 帖赠梦油