查看: 1131|回复: 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

查看全部评分

点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-5-18 18:38 | 显示全部楼层
今天这个JS文件比昨天那个更完善了,加了视频及控制。。。
点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-5-18 18:45 | 显示全部楼层
古风画面,悠闲惬意,有酒,有青梅,有阳光。。哈哈,这也是过周末的吧。。
点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-5-18 18:45 | 显示全部楼层
鼠标移到图片上,有窗框可以隐现,这个构思很妙
点评
回复

使用道具

一叶知秋 版主勋章 山高为峰 山外有山 樱果相依 24 46 47 48 闲花落
发表于 2024-5-18 19:10 | 显示全部楼层
歌词上方有一个运动的小圆,按时间分配进行移动。逐字高亮显示提示歌词。。
点评
回复

使用道具

『默然守候』
一叶知秋 海洋之心 蝴蝶精灵 山间红叶 花漫千山 江湖之上 音画同行 中秋月圆 欢度国庆 雪花精灵 桃花朵朵 山高为峰 山外有山 猪事顺利 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 菜源滚滚 24 46 47 48 小青龙
发表于 2024-5-18 19:44 | 显示全部楼层
哇,帆帆老师的作品,养眼好看,制作精致美好!
点评
回复

使用道具

『默然守候』
一叶知秋 海洋之心 蝴蝶精灵 山间红叶 花漫千山 江湖之上 音画同行 中秋月圆 欢度国庆 雪花精灵 桃花朵朵 山高为峰 山外有山 猪事顺利 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 菜源滚滚 24 46 47 48 小青龙
发表于 2024-5-18 19:44 | 显示全部楼层
问好凡凡老师,感谢你的精彩分享!
点评
回复

使用道具

『默然守候』
一叶知秋 海洋之心 蝴蝶精灵 山间红叶 花漫千山 江湖之上 音画同行 中秋月圆 欢度国庆 雪花精灵 桃花朵朵 山高为峰 山外有山 猪事顺利 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 菜源滚滚 24 46 47 48 小青龙
发表于 2024-5-18 19:44 | 显示全部楼层
祝凡凡老师创作愉快,期待老师更多佳作!
点评
回复

使用道具

一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 梅开颜笑 心若葡提 大吉大荔 樱果相依 喜上莓梢 一坛酒
 楼主| 发表于 2024-5-18 19:51 | 显示全部楼层
雨声 发表于 2024-5-18 19:44
祝凡凡老师创作愉快,期待老师更多佳作!

俺都是慢悠悠的
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|千山论坛

GMT+8, 2024-9-27 06:44

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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