禅茶人生

凡哥

凡哥

帖子代码

<style>
	@import 'https://638183.freep.cn/638183/web/mod/aud_lrc.css';
	#tz { --state: running; margin: 30px 0 30px calc(50% - 603px); background: url('https://638183.freep.cn/638183/t24/webp3/iiru.webp') no-repeat center/cover; }
	#player { position: absolute; width: 400px; height: 400px; object-fit: cover; mix-blend-mode: screen; cursor: pointer; animation: rot 8s linear infinite var(--state); }
	#prog { bottom: 50px; width: 400px; --bg1: snow; --bg2: cyan; --color: snow; }
	#fsbtn { left: 30px; top: 30px; }
</style>

<div id="tz" class="pa">
	<audio src="https://music.163.com/song/media/outer/url?id=30413351"></audio>
	<video id="player" src="https://img.tukuppt.com/video_show/2269348/00/14/17/5e1c8cf4ea84b.mp4" autoplay loop muted></video>
	<div id="prog" class="prog" data-tt="00:00 00:00"></div>
	<div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
	import { Aud } from 'https://638183.freep.cn/638183/web/mod/aud_lrc.js';
	import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
	var audio = new Aud(tz, player);
	audio.play();
	fscreen.fs(tz, fsbtn);
	player.oncontextmenu = (e) => e.preventDefault();
</script>

凡哥

帖子演示如何使用 aud_lrc 模块发纯音帖

花简静

凡哥 发表于 2024-12-17 17:55
帖子演示如何使用 aud_lrc 模块发纯音帖

白老师这是把带歌词版略微改变成了纯音版。。。

花简静

video id="player"直接用视频当小播按纽了。。
只显示中间400*400的位置，所以LOGO也完美隐去了

花简静

画面安静祥和，梦幻粒子旋转，如星空大海。。。观图赏乐，美的享受

扬帆

精彩分享，饕餮大餐，老师辛苦了

令狐冲

禅茶人生
不变的是星辰
银河般特效
音乐治愈。。。

清梦

欣赏凡哥老师带来的精美佳作！

清梦

问好凡哥老师感谢你的精彩！