一对对鸳鸯水上飘

杨帆发表于 2026-9-14 14:04

本帖最后由杨帆于 2026-9-16 14:20 编辑 <br /><br /><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<metaname="referrer" content="never">
<title>一对对鸳鸯水上飘 </title>
<style>
@import url("https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&family=Long+Cang&family=Ma+Shan+Zheng&family=ZCOOL+KuaiLe&family=ZCOOL+QingKe+HuangYou&display=swap");
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://cccimg.com/view.php/34177006e4a7d2ef90720b15d4d57dd1.gif') no-repeat center/cover; color: lightgreen; --state:running;--clipPath:'';}
.player { width: 480px; bottom: 10px;color:lightgreen;z-index:10; }
.btnFs { top: 25px; right: 20px;z-index:10; }
#playBtn{position: absolute;cursor: pointer;left:5%;bottom:5%;z-index:15; width: 100px;height: 100px;background: radial-gradient(gold,GreenYellow,red);opacity: .6;transform: rotate(30deg);clip-path: var(--clipPath);animation: rotate 10s linear infinite var(--state);}
#playBtn::after { position: absolute; content: ''; inset: 0;cursor: pointer; }
.bg-image { position: absolute; filter: brightness(1.3);top: 0;z-index:2; left: -7%; width: 114%; height: 100%; object-fit: cover; pointer-events: none; }
.vid{position:absolute;top:-10%;left:-10%; width:120%;height:120%;object-fit:cover;opacity:0.98;z-index:-1;pointer-events:none;}
@keyframes rotate { from { transform: rotate(0); } to { transform: rotate(360deg); }}
</style>
</head>
<body>
<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/17/44/5ec497a38f522.mp4" autoplay loop muted></video>
<video class ="vid" src="https://video-qn.51miz.com/preview/video/00/00/65/65/V-656538-7BA2B6B3.mp4" loop preload="auto" playsinline muted></video>
<img src="https://bbs.cnzv.cc/data/attachment/forum/202608/26/223106d74l48gq3dz4d84g.png" class="bg-image" alt="">
<img src="https://pic.imgdb.cn/item/66c54926d9c307b7e9aac8d5.png" class="bg-image" alt="">
<div id="playBtn"></div>
</div>
<script>
var gc = `一对对鸳鸯水上飘
演唱：郭涛、苏文
男：
一对对那个鸳鸯水那上飘
人家那个都说是咱们两个好
你要是有那心思咱就慢慢交
你没有那心思就呀么就拉倒
女：
你说那个拉倒就拉倒
世上那个好人有多少
谁要是有那良心
咱就一辈辈地好
谁没有那良心就叫野雀雀掏
合：
山那在水在人常在
一对对鸳鸯水呀么水上漂
你在那山来我在沟
拉不上话话招要招那个手
山那在水在人常在
一对对鸳鸯水呀么水上飘
女：
说山拦不住那云彩
树挡不住那风
神仙姥家也挡不住人想人
男：
宁叫那玉皇大帝的江山乱
女：
万不能叫咱俩个关系那个断
合：
宁叫那玉皇大帝的江山乱
万不能叫咱俩个关系那个断
`;
var options = {
   pa: '.pa',
   urls: [['https://cccimg.com/view.php/837fee18b03008355021892c1ef8ce76.mp3', '一对对鸳鸯水上飘 ']],
   btns: ,
};
var audio;
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
   loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', tzRun);
});
function tzRun() {
   var aud = new AudPlayer(options);
   audio = aud.aud;
   LRC(aud.pa, audio, gc, 0);
let rosePath = (ww, num) => {
         let points = 300;
         let x0 = y0 = r = ww / 2, pathAr = [];
         for (let i = 0; i <= points; i ++) {
            let angle = i * 2 * Math.PI / points;
            let x = x0 - r * Math.cos(angle) * Math.sin(num * angle);
            let y = y0 - r * Math.sin(angle) * Math.sin(num * angle);
            pathAr.push(x + 'px ' + y +'px');
         }
         return `polygon(${pathAr.join(', ')})`;
   };
   pa.style.setProperty('--clipPath',rosePath(100,4));

}
function loadJs(url, callback) {
   var script = document.createElement('script');
   script.charset = 'utf-8';
   script.src = url;
   script.onload = function() {
         if (callback) callback();
   };
   document.head.appendChild(script);
}
pa.addEventListener('contextmenu', e => e.preventDefault());
pa.addEventListener('dragstart', e => e.preventDefault());
pa.addEventListener('selectstart', e => e.preventDefault());
document.addEventListener('visibilitychange', () => {
if (document.hidden) {
if (!audio.paused) audio.pause();
} else {
if (audio &&audio.paused && !audio.ended) audio.play().catch(()=>{});
}
});
</script>
<style>
#lrc {top:12%;background:linear-gradient(15deg,#CCFF66 21%,#33CC99 32%,#66CCCC 43%,#FF9900 52%,#FF3399 62%,#36F4B1 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font:bold 3.3em 'Long Cang','ZCOOL KuaiLe','华文琥珀',STLiti,"宋体","SimSun","Microsoft YaHei",sans-serif;--color1: rgba(100,149,237,.75); --color2: rgba(0,191,255,.65);}
</style>
</body>
</html>

偶然~ 发表于 2026-9-14 14:17

没有音乐？

杨帆发表于 2026-9-14 14:26

偶然~ 发表于 2026-9-14 14:17
没有音乐？

有。刚才发的帖子本地预览正常，发在论坛异常，原因不明。又换了一个帖子{:4_173:}

偶然~ 发表于 2026-9-14 14:26

来欣赏杨帆老师的精品佳作！

偶然~ 发表于 2026-9-14 14:26

音画太棒了！

偶然~ 发表于 2026-9-14 14:27

视频唯美

偶然~ 发表于 2026-9-14 14:27

背景歌声动听

偶然~ 发表于 2026-9-14 14:27

杨帆老师制作的音画大气磅礴

偶然~ 发表于 2026-9-14 14:27

音画合一，音乐与画面结合完美

偶然~ 发表于 2026-9-14 14:27

玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然献花给你啦】

偶然~ 发表于 2026-9-14 14:27

期待杨帆老师佳作频出！

偶然~ 发表于 2026-9-14 14:28

感谢杨帆老师带来的精彩，辛苦了！风轻日暖人常健，家和人顺福常随，祝你岁岁安康，事事舒心。

偶然~ 发表于 2026-9-14 14:29

杨帆发表于 2026-9-14 14:26
有。刚才发的帖子本地预览正常，发在论坛异常，原因不明。又换了一个帖子

这个很好

梦油发表于 2026-9-14 14:29

好美的鸳鸯。可惜，现在有的人还不如鸳鸯呢。
歌曲很好听，谢谢杨帆朋友。

霜染枫丹 发表于 2026-9-14 17:07

民歌赋予帖子深厚的韵味，画面灵动，为您点赞！！{:4_204:}{:4_190:}

夕阳黄昏 发表于 2026-9-14 17:10

欣赏美帖！赞！

杨帆发表于 2026-9-14 19:11

偶然~ 发表于 2026-9-14 14:26
来欣赏杨帆老师的精品佳作！

问好偶然~，谢谢兄弟鼓励{:4_190:}

杨帆发表于 2026-9-14 19:15

偶然~ 发表于 2026-9-14 14:29
这个很好

谢谢管理员鼓励，那个帖子也调试好了~

落日留恋的地方
https://www.huachaowang.com/forum.php?mod=viewthread&tid=96438&fromuid=7894
(出处: 花潮论坛)

杨帆发表于 2026-9-14 19:21

梦油发表于 2026-9-14 14:29
好美的鸳鸯。可惜，现在有的人还不如鸳鸯呢。
歌曲很好听，谢谢杨帆朋友。

是，鸳鸯隐喻有高洁品格，谢谢梦兄鼓励{:4_190:}

杨帆发表于 2026-9-14 19:22

霜染枫丹发表于 2026-9-14 17:07
民歌赋予帖子深厚的韵味，画面灵动，为您点赞！！

鼓捣着玩呢，谢谢枫丹老师鼓励{:4_204:}

页: [1] 2

花潮论坛's Archiver

一对对鸳鸯水上飘