归山
<style>@import 'https://638183.freep.cn/638183/web/css/audlrc.css';
#mama { margin: 20px 0 20px calc(50% - 880px); width: 1600px; height: 900px; background: black url('http://cccimg.com/view.php/a276f75f410470f46a84c9712c49f236.jpg') no-repeat center/ cover; }
#player { width: 100px; height: 100px;left: calc(55% - 120px);top: 70%; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }
#player:hover { filter: hue-rotate(180deg); transition: .7s; }
#prog { bottom: 60px; left: 40%; width: 350px; height: 4px;--bg1: LightCyan; --bg2: Turquoise; --color: LightCyan; }
#prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
#lrc { top: 83%; color: Honeydew; --bg: linear-gradient(rgba(255,255,255),rgba(12, 52, 61)); }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; opacity: .55; }
#fsbtn { position: absolute; bottom: 0px; color: DarkKhaki; padding: 2px 6px; border: 2px solid DarkKhaki; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
@keyframes flash { to { filter: hue-rotate(360deg); } }
#dt1{ position: absolute; width: 400px; height: 270px; top: 15px; left: 368px; }
</style>
<div id="mama" class="pa">
<audio id="aud" src="https://upfile.mp3.wf/view.php/77e711969ece3a3425050274fddbb6d9.mp3"></audio>
<video id="vid" src="https://img2.tukuppt.com/video_show/2418175/00/02/02/5b4f6d36a483d_10s_big.mp4" autoplay loop muted></video>
<span id="fsbtn"></span>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<img id="player" class="player" src="https://638183.freep.cn/638183/web/svg1/s002.svg" alt="" />
<div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var lrcAr = [ ,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: lrcAr };
var audio = new Aud(mDatas);
audio.play();
fscreen.fs('mama', 'fsbtn');
</script>
问好雨季工作室,我也很喜欢归山这首歌,在您这里继续听,很悦耳润心,欣赏这精美的制作,为您点赞!{:4_204:}{:4_190:}
这图图制作得真美,配合这首歌曲,真是绝了!{:4_204:} 谢谢老师的精彩分享!问好!{:4_199:} 很喜欢这样有意境的画面,幻想着身在其中会是一个什么样的场面,歌和图很相配,很好听。 谢谢雨季带来的精美作品。{:4_187:} 这场景好美,配合着这样的歌曲,很让人沉醉。
欣赏雨季工作室好帖{:4_199:} 霜染枫丹 发表于 2026-8-11 08:59
问好雨季工作室,我也很喜欢归山这首歌,在您这里继续听,很悦耳润心,欣赏这精美的制作,为您点赞!{:4_20 ...
谢谢欣赏点评,问好枫丹老师! 梦江南 发表于 2026-8-11 10:03
谢谢老师的精彩分享!问好!
谢谢欣赏点评,问好江南老师! 小九 发表于 2026-8-11 20:02
很喜欢这样有意境的画面,幻想着身在其中会是一个什么样的场面,歌和图很相配,很好听。 谢谢雨季带来的精 ...
谢谢欣赏点评,问好小九老师! 红影 发表于 2026-8-11 22:38
这场景好美,配合着这样的歌曲,很让人沉醉。
欣赏雨季工作室好帖
谢谢欣赏点评,问好红影老师! 雨季工作室 发表于 2026-8-12 08:59
谢谢欣赏点评,问好红影老师!
不客气啊,问好雨季工作室老师{:4_204:} 制作精美好看,第一次聆听音乐。 欣赏雨季老师的精彩制作{:4_187:} 梦风雨 发表于 2026-8-13 12:54
制作精美好看,第一次聆听音乐。
谢谢欣赏点评,问好风雨老师! 小辣椒 发表于 2026-8-13 13:30
欣赏雨季老师的精彩制作
谢谢欣赏点评,问好辣椒老师!
页:
[1]