杨帆 发表于 2025-9-28 18:47

《秋恋》（中音萨克斯演奏）

本帖最后由 杨帆 于 2025-9-29 01:57 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/css/tz01.css';   
    #pa { --offsetX: 81px; --bg1: url('https://upfile.mp3.wf/view.php/06ba73b6a18473512a994c2f03267d2f.gif') no-repeat center/cover; --bg2: url('https://upfile.mp3.wf/view.php/aaa824e3568994fb8b7bbcb783a07e46.webp') no-repeat center/cover;   background-blend-mode: overlay;
background: var(--bg1); --ma-size: 12%; z-index: 1; }
    #pa:hover { background-blend-mode: overlay; }
    #btnFs { left: 30px; bottom: 20px; color: skyblue; border-color: currentColor !important; }
    .vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mask: linear-gradient(135deg, transparent 5%, red 88%, transparent 90%, transparent); -webkit-mask: linear-gradient(135deg, transparent 5%, red 88%, transparent 90%, transparent); opacity: .8; z-index: 9; pointer-events: none; }
    #ma { right: 20px; bottom: 20px; border-radius: 50%; }
    #ma:hover { transform: scale(1.05); filter: unset !important; animation-play-state: paused; z-index: 2; }
    #msvg polygon { transform-box: fill-box; transform-origin: center; animation: rotate 4s var(--delay) linear infinite var(--state); }
   .tit{position:absolute;z-index:2;top:40px;left:320px;width:300%; font:bold 2.6em STFangsong,sans-serif;line-height:85px; color:transparent;-webkit-background-clip:text;background-clip:text; background-image:url('https://pic1.imgdb.cn/item/66d184bcd9c307b7e98b0cd3.jpg');background-size:cover;user-select:none; }
    #marquee { height: 150px; overflow: hidden; }
    #marquee>div { text-align: center; animation: marquee 25s linear infinite var(--state); }
    #marquee:hover>div { animation-play-state: paused; }
    #marquee p { height: 30px; margin: 0; }
    @keyframes marquee {0% { transform: translateX(0%); }100% { transform: translateX(-100%); }}
</style>
<div id="pa">
    <audio id="aud" src="http://music.163.com/song/media/outer/url?id=1931588198.mp3" autoplay loop></audio>
    <video class="pd-vid" src="https://img.tukuppt.com/video_show/7165162/00/18/05/5ed870ed14fc5.mp4" autoplay loop muted></video>
    <video class="vid" src="https://upfile.mp3.wf/view.php/b77d5782cd3c4e805e31b2ed70d9571a.mp4" autoplay loop muted></video>
    <div id="ma"title="播放/暂停"><svg id="msvg" class="brightness"width="100%" height="100%" viewBox="-200 -200 400 400"></svg></div>
   <div id="marquee" >
<div class="tit">
◇ 乐曲《秋恋》，是一首旋律优美、抒情、略带感伤的曲目，其音乐语言精准地捕捉了秋季的特有情绪，深受亚洲地区的萨克斯爱好者喜爱。祝你享受萨克斯的浪漫秋意，像晚风一样自由～
<br></div></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';
    var dr = Dr.dr(msvg);
    dr.defs('defs');
    dr.g('g1').addTo('defs');
    dr.polyline('0 0,0 150', 'none', 'OrangeRed', 3).addTo('#g1');
    dr.polygon('17.32 160,17.32 180,0 190,-17.32 180,-17.32 160,0 150', 'Orange', 'Coral', 5).addTo('#g1');
    dr.circle(0, 0, 120, 'none', 'OrangeRed', 3);
    dr.circle(0, 0, 145, 'none', 'OrangeRed', 5);
    var tt = 12;
    Array.from({
      length: tt
    }).forEach((_, k) => {
      dr.use('#g1', 0, 0).transform(`rotate(${360/tt*k})`).style(`--delay: ${Math.random() * -4}s`);
    });
    dr.circle(0, 0, 50, 'Orange', 'Coral', 5);
    aud.onplaying = aud.onpause = () => msvg.style.setProperty('--state', aud.paused ? 'paused' : 'running');
    ma.onanimationiteration = () => ma.style.setProperty('filter', `hue-rotate(${0 + Math.random() * 360}deg)`);
    FS(pa, ma);
    ma.onclick = () => {if (aud.paused) {aud.play();pa.style.background = 'var(--bg1)';} else {aud.pause(); pa.style.background = 'var(--bg2)';}};
    const marquee = document.getElementById('marquee');
    const contents =marquee.innerHTML;
    marquee.innerHTML = contents + contents;
</script>

小辣椒 发表于 2025-9-28 21:24

问好杨帆，总感觉你的作品画面不够清晰，400X280的动图现在放大了这么多，观赏性打折扣了，我是直说了，本来很漂亮的一个制作，音乐也是不错，现在看了美感缺乏，个见啊，不好意思小辣椒是好意，以后找素材仔细一点，帖的观赏性就要好多了

樵歌 发表于 2025-9-28 21:25

帖子做得精美!

樵歌 发表于 2025-9-28 21:27

喜欢听萨克斯这个略带伤感的音色。{:4_174:}

杨帆 发表于 2025-9-28 21:34

本帖最后由 杨帆 于 2025-9-28 22:42 编辑

小辣椒 发表于 2025-9-28 21:24
问好杨帆，总感觉你的作品画面不够清晰，400X280的动图现在放大了这么多，观赏性打折扣了，我是直说了，本 ...
是，建议很诚恳，一下未找到合适的动图，谢谢小辣椒{:4_187:}

好在本帖旨在尝试：背景动图的暂停；学习马老师帖《格拉斯微风》

杨帆 发表于 2025-9-28 21:39

樵歌 发表于 2025-9-28 21:27
喜欢听萨克斯这个略带伤感的音色。
谢谢樵歌管理员鼓励，有空的话也唱一下这个歌词版吧{:4_191:}

红影 发表于 2025-9-28 23:18

好漂亮。欣赏扬帆好帖{:4_199:}

偶然~ 发表于 2025-9-29 10:53

视频唯美

偶然~ 发表于 2025-9-29 10:54

中音萨克斯，浪漫~我听的都醉了~

偶然~ 发表于 2025-9-29 10:55

太棒啦~谢谢杨帆带来的精彩～！辛苦了。

樵歌 发表于 2025-9-29 20:23

杨帆 发表于 2025-9-28 21:39
谢谢樵歌管理员鼓励，有空的话也唱一下这个歌词版吧

记下了《秋恋》，有空就学习哈。

杨帆 发表于 2025-9-29 21:26

红影 发表于 2025-9-28 23:18
好漂亮。欣赏扬帆好帖

谢谢影子鼓励，祝开心{:4_204:}

杨帆 发表于 2025-9-29 21:26

偶然~ 发表于 2025-9-29 10:53
视频唯美

谢谢偶然~版主鼓励，祝开心{:4_191:}

杨帆 发表于 2025-9-29 21:32

樵歌 发表于 2025-9-29 20:23
记下了《秋恋》，有空就学习哈。

好，期待樵歌兄弟一展歌喉，绕梁三日{:4_191:}

梦江南 发表于 2025-10-2 09:59

画面漂亮，萨克斯很好听。欣赏祝好！{:4_204:}

绿叶清舟 发表于 2025-10-2 21:12

最爱萨克斯了，欣赏杨帆好贴，节日快乐{:4_191:}

杨帆 发表于 2025-10-3 09:49

绿叶清舟 发表于 2025-10-2 21:12
最爱萨克斯了，欣赏杨帆好贴，节日快乐

问好清舟，谢谢鼓励，今年国庆小长假没出去走走？{:4_173:}

绿叶清舟 发表于 2025-10-3 11:35

杨帆 发表于 2025-10-3 09:49
问好清舟，谢谢鼓励，今年国庆小长假没出去走走？

杨帆好，避开堵车后天出发了

杨帆 发表于 2025-10-4 10:19

绿叶清舟 发表于 2025-10-3 11:35
杨帆好，避开堵车后天出发了

好，错峰旅行，顺畅开心{:4_204:}

偶然~ 发表于 2025-11-17 13:51

来欣赏杨帆的精品佳作，祝您创作如春泉涌流不息！
页: [1]
查看完整版本: 《秋恋》（中音萨克斯演奏）