《人生的道场》--学用马老师的花潮播放器，抄各位的音画代码
本帖最后由 寒冬残荷 于 2025-8-15 16:55 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa {position: relative; left: 40%; transform: translate(-50%, 10px); --offsetX: 0px; width: clamp(600px, 80vw, 1280px); height: auto; aspect-ratio: 16/9; --bg: url('https://pic1.imgdb.cn/item/689ef53958cb8da5c8276339.jpg') no-repeat center/cover; --bg1: lightblue; --state: runnig; transition: 0.5s; --ma-size: 3%; --per: -2%; --a: 45deg; }
#pa::before { content: ''; position: absolute; inset: 0; background: var(--bg1); mask: linear-gradient(var(--a), red var(--per), transparent calc(var(--per) + 2%), transparent); }
/* ma播放开关 */
#ma {left: 2%; top: 50%; background: url('https://pic1.imgdb.cn/item/689ee62358cb8da5c8275415.png') no-repeat center/cover;}
/* 全屏播放 */
#btnFs {left: 50%; top:20px; color:#000000; }
/* 视频 */
.qk-vid {mix-blend-mode:screen; -webkit-mask: linear-gradient(45deg, red 0 30%, transparent 90%); mask: linear-gradient(45deg, white 0 30%, transparent 90%); position: absolute;}
/* lrc歌词 */
#lrc { position: absolute; left: 37%; bottom:40px; color: #ff0; font-size: 40px; font-weight: bold; text-shadow: 1px 1px 1px #6d06f9; opacity: 1; letter-spacing:4px; }
</style>
<div id="pa">
<audio id="aud" src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=rb8lMcrlKPF4Nrr9&shareuid" autoplay loop ></audio>
<video class="qk-vid" loop="" muted="" src="https://img.tukuppt.com/video_show/2475824/00/01/99/5b4eef7814dad.mp4" ></video>
<video class="qk-vid" loop="" muted="" src="https://img2.oldkids.cn/upload/2025/08/15/blog_260802952_20250815143934260.mp4" style="opacity:1; " ></video>
<div id="ma" class="invert hue-rotate ">
</div>
<div id="lrc">HUACHAO LRC</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';
var geci = `
人生的道场
演唱：魏佳艺
词：聂小慧
曲：聂小慧
翻唱：寒冬残荷
恩恩怨怨这人生的道场
来来回回为名利而奔忙
多多少少怀念最初的模样
无奈人生有太多的荒唐
纷纷扰扰这人生的道场
反反复复为情字而思量
停停走走追忆美好的时光
无奈岁月染白发苍苍
在这人生的道场
看尽世间的悲凉
一副冠冕堂皇装人模狗样
在这人生的道场
谁不想风风光光
却有人只能在回忆里迷茫
恩恩怨怨这人生的道场
来来回回为名利而奔忙
多多少少怀念最初的模样
无奈人生有太多的荒唐
纷纷扰扰这人生的道场
反反复复为情字而思量
停停走走追忆美好的时光
无奈岁月染白发苍苍
在这人生的道场
看尽世间的悲凉
一副冠冕堂皇装人模狗样
在这人生的道场
谁不想风风光光
却有人只能在回忆里迷茫
在这人生的道场
看尽世间的悲凉
一副冠冕堂皇装人模狗样
在这人生的道场
谁不想风风光光
却有人只能在回忆里迷茫
`;
FS(pa, ma);
lrc(pa, geci);
</script>
哈哈，我登上大舞台了！{:5_106:} 欣赏！好漂亮！ 这歌词真好，演唱很放松，好听。帖子制作也漂亮。
欣赏寒冬残荷好歌{:4_199:} 唱的太棒了~我听的都醉了~
好听｀好听｀给我签个名吧！就签俺衣服上吧！要带唇印的哦~~
演绎精彩，好棒哦，辛苦寒冬残荷了！
唱的真棒~谢谢寒冬残荷带来的精彩～！
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
野百荷★╰☆╮水仙花╰☆╮紫丁香╰☆╮【*偶然 献花给你啦】 小文 发表于 2025-8-15 18:10
欣赏！好漂亮！
谢谢您的鼓励！祝好！ 红影 发表于 2025-8-15 21:37
这歌词真好，演唱很放松，好听。帖子制作也漂亮。
欣赏寒冬残荷好歌
感谢红管的鼓励和支持！祝好！ 偶然~ 发表于 2025-8-17 15:02
唱的太棒了~我听的都醉了~
谢谢偶然版主的鼓励和支持！我唱得不好。偶版主您唱得好，特别是粤语歌唱得最好听了，很有港台明星的音质和风格！我特别喜欢听！
给您献花！{:4_204:}{:4_204:}{:4_204:} 寒冬残荷 发表于 2025-8-17 21:57
感谢红管的鼓励和支持！祝好！
不客气啊，问好寒冬残荷，晚上好{:4_187:}
页:
[1]