查看: 2913|回复: 110

[特效] 泽典 - 宿命

[复制链接]

一坛酒

樱果相依
发表于 2024-5-18 18:10 | 显示全部楼层 |阅读模式

评分

8

查看全部评分

点评
回复

使用道具

一坛酒

樱果相依
 楼主| 发表于 2024-5-18 18:11 | 显示全部楼层

帖子代码

<style>     #tiezi { margin: 20px 0 20px calc(50% - 602px); display: grid; place-items: center; width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t24/2/sumk.jpg') no-repeat center/cover; overflow: hidden; box-shadow: 3px 3px 6px gray; z-index: 1; position: relative; }     #tiezi:hover .vid { opacity: 0.15; }     #player { position: absolute; bottom: 0; }     #lrc { position: absolute; top: 15px; }     .vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; mix-blend-mode: overlay; transition: 2s; pointer-events: none; } </style>   <div id="tiezi">     <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2038511379" autoplay loop></audio>     <video class="vid" src="https://img.tukuppt.com/video_show/3664703/00/02/09/5b505b5860f94.mp4" loop muted></video>     <canvas id="player" width="1000" height="80"></canvas>     <canvas id="lrc" width="800" height="50"></canvas> </div>   <script>     var sF = document.createElement('script');     sF.charset = 'utf-8';     sF.src = 'https://638183.freep.cn/638183/web/js2024/canv_lineprog_518.js';     document.body.appendChild(sF);     var colors = {track: 'snow', prog: 'cyan', lrc1: 'white', lrc2: 'cyan'};     let lrcAr = [     [2,"泽典 - 宿命",9.5],[20,"作词 : 晗熙 作曲 : 鑫瀚",5.6],[34.05,"他 沉寂着还在丈量",3.5],[38,"他 衙门上对簿公堂",3.1],[41.08,"他 判了个徒受冤枉",4.0],[45.06,"他笑得猖狂 不顾堂下绝望",4.0],[49.05,"她 随孩童轻声哼唱",4.0],[53.02,"她 变成个疯癫婆娘",3.1],[56.09,"她 穿着那大红嫁妆",4.0],[60.09,"夜半哭声响亮",4.0],[64.07,"火光里拜堂 官人去了何方",3.9],[68.05,"爱与恨难忘 她站在最中央",3.0],[71.09,"说这一路悲怆 一曲绝唱",4.8],[76,"莫笑人荒唐",3.1],[79.08,"是情 是命",2.0],[81.06,"是难解疏狂",2.0],[83.01,"谁逃的出虚妄",2.0],[85,"谁三更又思量",1.1],[86.09,"她说是错但无妨",2.0],[88.08,"就去彼岸等一场",2.0],[90.06,"世人不经怎能欣赏",4.0],[94.09,"是情 是命",2.0],[96.07,"是人间仓惶",2.0],[98.04,"谁步伐如踉跄",2.0],[100.02,"谁把心事埋藏",2.0],[102.01,"究竟是谁在慌张",1.1],[103.09,"她卸下那层伪装",2.0],[105.09,"这场落幕谁还在问",3.0],[108.08,"官人",1.0],[109.07,"你在哪",3.0],[133.02,"她 随孩童轻声哼唱",3.1],[136.09,"她 变成个疯癫婆娘",4.0],[140.07,"她 穿着那大红嫁妆",4.0],[144.05,"夜半哭声响亮",4.0],[148.05,"火光里拜堂 官人去了何方",3.5],[152.03,"爱与恨难忘 她站在最中央",3.0],[155.07,"说这一路悲怆 一曲绝唱",4.0],[159.08,"莫笑人荒唐",4.0],[163.06,"是情 是命",2.0],[165.04,"是难解疏狂",1.1],[166.1,"谁逃的出虚妄",2.0],[168.08,"谁三更又思量",2.0],[170.07,"她说是错但无妨",2.0],[172.06,"就去彼岸等一场",2.0],[174.05,"世人不经怎能欣赏",4.0],[178.08,"是情 是命",2.0],[180.06,"是人间仓惶",1.9],[182.01,"谁步伐如踉跄",2.0],[184.01,"谁把心事埋藏",1.1],[185.09,"究竟是谁在慌张",2.0],[187.09,"她卸下那层伪装",2.0],[189.07,"这场落幕谁还在问",3.0],[192.07,"官人",1.0],[193.09,"你在哪",2.3],[197.1,"是情 是命",2.0],[199.07,"是难解疏狂",2.0],[201.02,"谁逃的出虚妄",2.0],[203.01,"谁三更又思量",1.1],[204.09,"她说是错但无妨",2.0],[206.09,"就去彼岸等一场",2.0],[208.08,"世人不经怎能欣赏",4.4],[213.01,"是情 是命",1.1],[214.09,"是人间仓惶",2.0],[216.05,"谁步伐如踉跄",2.0],[218.04,"谁把心事埋藏",2.0],[220.03,"究竟是谁在慌张",2.0],[222.02,"她卸下那层伪装",2.0],[224,"这场落幕谁还在问",2.9],[227,"官人",1.0],[228,"你在哪",1.8]]; </script>

评分

4

查看全部评分

点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
发表于 2024-5-18 18:38 | 显示全部楼层
今天这个JS文件比昨天那个更完善了,加了视频及控制。。。
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
发表于 2024-5-18 18:45 | 显示全部楼层
古风画面,悠闲惬意,有酒,有青梅,有阳光。。哈哈,这也是过周末的吧。。
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
发表于 2024-5-18 18:45 | 显示全部楼层
鼠标移到图片上,有窗框可以隐现,这个构思很妙
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
发表于 2024-5-18 19:10 | 显示全部楼层
歌词上方有一个运动的小圆,按时间分配进行移动。逐字高亮显示提示歌词。。
点评
回复

使用道具

『默然守候』

小青龙

赴山海 三周年庆 山之勤奋 江湖之上 桃花朵朵 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 海洋之心 蝴蝶精灵 山间红叶 花漫千山 音画同行 中秋月圆 欢度国庆 雪花精灵 一叶知秋 我书我心 樱果相依
发表于 2024-5-18 19:44 | 显示全部楼层
哇,帆帆老师的作品,养眼好看,制作精致美好!
点评
回复

使用道具

『默然守候』

小青龙

赴山海 三周年庆 山之勤奋 江湖之上 桃花朵朵 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 海洋之心 蝴蝶精灵 山间红叶 花漫千山 音画同行 中秋月圆 欢度国庆 雪花精灵 一叶知秋 我书我心 樱果相依
发表于 2024-5-18 19:44 | 显示全部楼层
问好凡凡老师,感谢你的精彩分享!
点评
回复

使用道具

『默然守候』

小青龙

赴山海 三周年庆 山之勤奋 江湖之上 桃花朵朵 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 海洋之心 蝴蝶精灵 山间红叶 花漫千山 音画同行 中秋月圆 欢度国庆 雪花精灵 一叶知秋 我书我心 樱果相依
发表于 2024-5-18 19:44 | 显示全部楼层
祝凡凡老师创作愉快,期待老师更多佳作!
点评
回复

使用道具

一坛酒

樱果相依
 楼主| 发表于 2024-5-18 19:51 | 显示全部楼层
雨声 发表于 2024-5-18 19:44
祝凡凡老师创作愉快,期待老师更多佳作!

俺都是慢悠悠的
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表