新裤子乐队 - 手扶拖拉机斯基

凡哥

HCPlayer

凡哥

帖子代码

<style>
	@import 'https://638183.freep.cn/638183/web/mod/osc_lrc.css';
	#pa { margin: 30px 0 30px calc(50% - 731px); width:1280px; height: 700px; background: url('https://638183.freep.cn/638183/t24/5/xkzyd.jpg') no-repeat center/cover; }
	#mplayer { width: 400px; height: 75px; bottom: 20px; --prog: yellow; --track: white; }
	#lrc { top: 20px; }
	#fsbtn { left: 10px; top: 10px; }
</style>

<div id="pa" class="pa">
	<audio src="https://music.163.com/song/media/outer/url?id=28160040"></audio>
	<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/03/23/51/26/video6363e37e57042.mp4" autoplay loop muted></video>
	<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
	<div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/osc_lrc.js';
var geci = [
	[2.03,"张蔷 - 手扶拖拉机斯基", 8],
	[16.06,"作词 : 彭磊",4],
	[22.09,"作曲 : 彭磊",4],
	[28.24,"北京开往莫斯科的快车",2.8],
	[31.88,"越过西伯利亚伏尔加河",2.6],
	[35.16,"穿过施华洛奇的森林",2.8],
	[38.55,"来到迷幻的克里姆林宫",3.0],
	[42.2,"来自列宁格勒的牛仔",3.0],
	[45.56,"我有一把托尼卡吉他",2.9],
	[48.92,"加加林的火箭还在太空",2.9],
	[52.36,"托尔斯泰的安娜卡特琳娜",3.2],
	[55.86,"卡宾斯基 柴可夫斯基 卡车司机 出租司机 拖拉机司机",6.0],
	[62.78,"伊万诺夫 巴普诺夫 巴巴诺夫 他是懦夫 罗里罗索夫",6.0],
	[69.58,"莎拉波娃 达波波娃 人参娃娃 葫芦娃娃 库尔尼科娃",6.0],
	[76.36,"鲁舍夫维奇 德约科维奇 尼古拉维奇 费多罗维奇 RUSSIA DISCO",6.7],
	[87.02,"RUSSIA DISCO DANCE",2.6],
	[93.73,"RUSSIA DISCO DANCE",2.5],
	[97.12,"在这莫斯科郊外的夜晚",2.6],
	[100.25,"听不到那崇高的誓言",2.9],
	[103.81,"谁还会为理想而战斗",3.0],
	[107.27,"谁还会为爱情而牺牲",3.0],
	[110.65,"来自列宁格勒的牛仔",2.9],
	[114.07,"我有一把托尼卡吉他",2.9],
	[117.45,"加加林的火箭还在太空",2.8],
	[120.97,"托尔斯泰的安娜卡特琳娜",3.1],
	[124.36,"卡宾斯基 柴可夫斯基 卡车司机 出租司机 拖拉机司机",5.9],
	[131.22,"伊万诺夫 巴普诺夫 巴巴诺夫 他是懦夫 罗里罗索夫",6.3],
	[138.1,"莎拉波娃 达波波娃 人参娃娃 葫芦娃娃 库尔尼科娃",6.2],
	[144.97,"鲁舍夫维奇 德约科维奇 尼古拉维奇 费多罗维奇 RUSSIA DISCO",6.4],
	[152,"莫斯科不再相信谁的眼泪",3.0],
	[154.97,"她也不会再相信谁",2.7],
	[158.77,"曾经英俊的少年",2.9],
	[161.71,"他的年华已不再",3.4],
	[165.51,"莫斯科不再相信谁的眼泪",3.0],
	[168.58,"她也不会再相信谁",2.8],
	[172.22,"曾经热烈的旋律",3.2],
	[175.41,"就像RUSSIA DISCO GO",3.9],
	[196.87,"RUSSIA DISCO DANCE ...",8.2],
];
hcplay(pa, geci);
fscreen.fs(pa, fsbtn);
</script>

凡哥

相关说明：

（一）osc_lrc.js 模块支持发纯音乐贴、LRC歌词同步帖：

    纯音乐帖 ：hcplay(pa); // 参数 pa 为 id="pa" 的帖子容器，若帖子容器 id="tz"，则将 pa 换位 tz，下同
    LRC帖：hcplayer(pa, geci); // geci 为前面声明的歌词变量

（二）示波状进度条音频播放控制器使用 canvas 生成，要求在帖子中设置 #mplayer 选择器的宽度（width）、进度指示色（--prog）、示波底色（--track），参照帖子代码第 4 行。

（三）LRC歌词同步颜色可以自定义，若需要自定义，请在 #lrc 选择器加入：

    color: silver; /* 底色 */
    --bg: navy; /* 进度色 支持图片、渐变色 */

（四）其他未尽事宜请参阅其他帖子的模块说明

拈花小和尚

来听听新裤子乐队的歌。
这个效果好炫呀。

拈花小和尚

很好听，很嗨。听着要摇摆。
对彭磊印象很深，哈，感觉超有个性，蔫酷蔫酷的。

手扶拖拉斯斯基。题目太好玩了。哈哈。
还可以唱得再燥一点。

编曲也好玩。很喜欢这首歌。谢谢凡哥分享。

花简静

又封了一个新的进度条——示波型的，这算是第三个了吧

花简静

所有的介绍已经很清楚了，歌词变色等效果，简洁和灵活两相宜。。

令狐冲

很震撼的画面
霓虹灯，流动的特效
非常精彩
歌也带劲。。。

凡哥

拈花小和尚 发表于 2024-11-30 18:45
来听听新裤子乐队的歌。
这个效果好炫呀。

凡哥

令狐冲 发表于 2024-12-1 21:07
很震撼的画面
霓虹灯，流动的特效
非常精彩

这歌很独特