邓丽君，漫步人生路（学习黑黑老师莲花空行代码）
本帖最后由 梦江南 于 2025-4-10 18:00 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css';
#papa { position: absolute; left: 50%; transform: translateX(-50%); width: clamp(800px, 90vw, 1400px); height: clamp(450px, 90vh, 760px); background: #eee url('https://img4.oldkids.cn/upload/2025/04/08/blog_260798238_20250408145949099.png') no-repeat center/cover; }
#mplayer { bottom: 20px; }
#lrcDiv { writing-mode: vertical-rl; top: 30px; right: 1000px; box-sizing: border-box; text-align: left; }
#lrcDiv > p { width: 30px; line-height: 30px; }
#fsbtn { top: 30px; }
.zw { height: clamp(450px, 90vh, 760px); }
</style>
<div id="papa" class="pa">
<audio id="aud" src="https://img3.oldkids.cn/upload/2025/04/08/blog_260798238_20250408150408776.mp3" autoplay loop></audio>
<video class="vid" src="https://video.699pic.com/videos/42/93/49/b_YNXUMCa0KpS41615429349_10s.mp4" autoplay loop muted></video>
</div>
<div class="zw"></div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js';
var geci = `漫步人生路 - 邓丽君(Teresa Teng)\n 歌词由 www.33VE.com 提供\n
词：郑国江\n曲：中岛美雪\n在你身边\n路虽远 末疲倦\n
伴你漫行\n一段接一段\n越过高峰\n另一峰却又见\n
目标推远\n让理想永远在前面\n路纵崎岖\n亦不怕受磨练\n
愿一生中\n苦痛快乐也体验\n愉快悲哀\n在身边转又转\n
风中赏雪 雾里赏花\n快乐回旋\n无用计较\n快欣赏身边\n
美丽每一天\n还愿确信\n美景良辰在脚边\n愿将欢笑声\n
盖掩苦痛那一面\n悲也好 喜也好\n每天找到新发现\n
让疾风 吹呀吹\n尽管给我俩考验\n小雨点 放心洒\n
早已决心向着前\nLRC：梦江南\n路纵崎岖\n
亦不怕受磨练\n愿一生中\n苦痛快乐也体验\n愉快悲哀\n
在身边转又转\n风中赏雪 雾里赏花\n快乐回旋\n无用计较\n
快欣赏身边\n美丽每一天\n还愿确信\n美景良辰在脚边\n
愿将欢笑声\n盖掩苦痛那一面\n悲也好 喜也好\n每天找到新发现\n让疾风吹呀吹\n尽管给我俩考验\n小雨点 放心洒\n
已决心向着前\n`;
hcplay(papa,geci,5);
</script> 这个也是自适应的图图，图片选取和歌曲很相配。
欣赏江南好帖{:4_199:} 歌词同步还调到左面去了，也跟画面很相符呢。
江南会自己调整了，很赞。{:4_187:}
这个视频让道路和池塘想混，总觉得不太恰当呢{:4_173:} 红影 发表于 2025-4-8 15:50
这个也是自适应的图图，图片选取和歌曲很相配。
欣赏江南好帖
问好影子，高度好像低点了，人物脚看不到了。图片用AI做成的。{:4_187:} 红影 发表于 2025-4-8 15:52
歌词同步还调到左面去了，也跟画面很相符呢。
江南会自己调整了，很赞。
这个视频让道路和池塘 ...
调整歌词没把握，试试，可以调整很开心。可是全屏时歌词过来了。歌词颜色不知道什么地方去改了。{:4_173:} 红影 发表于 2025-4-8 15:52
歌词同步还调到左面去了，也跟画面很相符呢。
江南会自己调整了，很赞。
这个视频让道路和池塘 ...
这视频看不清是什么，好像把道路变得泥泞了{:4_189:} 梦江南 发表于 2025-4-8 16:03
问好影子，高度好像低点了，人物脚看不到了。图片用AI做成的。
可能原图的比例问题造成的吧。 梦江南 发表于 2025-4-8 16:07
调整歌词没把握，试试，可以调整很开心。可是全屏时歌词过来了。歌词颜色不知道什么地方去改了。{:4_173: ...
用歌词里的color:和--hlcolor:去改颜色。 梦江南 发表于 2025-4-8 16:09
这视频看不清是什么，好像把道路变得泥泞了
这视频是池塘啊，江南可以自己去找个喜欢的视频呢{:4_187:} 红影 发表于 2025-4-8 16:35
可能原图的比例问题造成的吧。
可能有关系，因为是等比例缩小的。 红影 发表于 2025-4-8 16:37
用歌词里的color:和--hlcolor:去改颜色。
回影子，在代码里没找到这颜色代码，是不是在老师的封装里？这个就不会用了。 红影 发表于 2025-4-8 16:37
这视频是池塘啊，江南可以自己去找个喜欢的视频呢
我去找找看。 红影 发表于 2025-4-8 16:37
这视频是池塘啊，江南可以自己去找个喜欢的视频呢
影子，换了视频，人物被盖住了。{:4_201:} 在那个特殊的年代，听邓丽君的歌儿要偷偷的，悄悄的，不能让别人知道。 梦江南 发表于 2025-4-8 17:10
可能有关系，因为是等比例缩小的。
所以原图的比例最好和屏幕显示比例一致，就没问题了。 梦江南 发表于 2025-4-8 17:11
回影子，在代码里没找到这颜色代码，是不是在老师的封装里？这个就不会用了。
这个在封装里，不需要改，也就是使用默认时，代码里就不需要出现，否则就需要出现。 梦江南 发表于 2025-4-8 17:12
我去找找看。
嗯嗯，肯定能找到自己喜欢的呢。 梦江南 发表于 2025-4-8 17:45
影子，换了视频，人物被盖住了。
不可能啊，如果这样，需要视频里也做些调整。 梦油 发表于 2025-4-8 19:18
在那个特殊的年代，听邓丽君的歌儿要偷偷的，悄悄的，不能让别人知道。
梦油老师早上，邓丽君的歌曲属于我们一代人的记忆了。 红影 发表于 2025-4-8 20:53
所以原图的比例最好和屏幕显示比例一致，就没问题了。
影子早上好，是的，因为，是4比3，所以脚就看不全了。