《苹果香》TO四海 （学习黑黑《故梦寒》套环代码效果）
<style>#mama {
margin: 100px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 800px; bottom: 0;
object-fit: cover;
pointer-events: none;
}
.xiankuang {
position: absolute;
width: 1024px;
height: 600px; left: 160px; top: 120px;
filter: opacity(.55);
background: url('https://pic.imgdb.cn/item/66c6f1cfd9c307b7e9a74ec1.png') no-repeat center/cover;
}
.meiren {
position: absolute;
width: 233px;
height: 400px; left: -10px; bottom: 0px;
filter: opacity(.95);
background: url('https://pic.imgdb.cn/item/66c723b7d9c307b7e9ea9989.png') no-repeat center/cover;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=2609817766" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/3664703/00/02/28/5b5467ce93649_10s_big.mp4" autoplay loop muted></video>
<div class="xiankuang"></div>
<div class="meiren"></div>
</div>
<script>
var geci = `《苹果香》——狼戈\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湖蓝色的院墙\n我生命里的院落\n我的妈妈在那里给我的爱\n叫我永生不忘啊\n心中有个地方\n刻进了你的名字\n草原 河谷 月季花香\n都是我的歌\n儿时离开你 正逢花开时\n如今往事 远了 模糊了\n我却忘不了苹果香\n如今往事 远了 模糊了\n我却忘不了苹果香\n 红影 2024-8-22
`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/ewave_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
circle: { num: 10, len: 6},
player_css: 'right:6.5%; top: 9%; --bg: transparent; --br: 16%; --opacity: .25; ',
lrc_css: 'left: 50%; transform: translateX(-50%); top: 30px; --bg: url("https://pic.imgdb.cn/item/66c6fc65d9c307b7e9b5b5ab.gif"); color: LemonChiffon; font: bold 3.3em KaiTi;',
fs_css: 'left: 45%; bottom: 30px; --bg: transparent; --color: DimGray;',
});
};
</script> 学习一下黑黑的套环播放器效果，把它变成方的了，颜色也取了默认变色效果。主要是学习和感受一下。
谢谢@马黑黑 的代码{:4_187:} 在回帖里看到四海提到苹果香的歌曲，找来听听还挺好听的呢。
把它做成帖子送给@四海八荒 ，希望你喜欢{:4_187:} 本来想线条宽度取细点，发现暂停后就找不到播放器了，没办法，只能还是取粗的了{:4_173:} 谢谢影儿送的礼物，好开心{:4_187:} 红影 发表于 2024-8-22 21:43
在回帖里看到四海提到苹果香的歌曲，找来听听还挺好听的呢。
把它做成帖子送给@四海八荒 ，希望你喜欢{:4_ ...
非常喜欢，以前常听的是黑大婶唱的，一个人有一个人的味道。 这个创意好 亲爱的，现在我暂时不能听歌，想想肯定很好听的{:4_208:} 这么美美的礼物，八荒肯定收礼心花怒放了{:4_205:}
@四海八荒 亲爱的，我得下了，晚安~~~{:4_179:} 小辣椒 发表于 2024-8-22 22:29
这么美美的礼物，八荒肯定收礼心花怒放了
@四海八荒
是啊，一瞬间，感觉花儿都盛开了。春风拂面{:4_187:} 四海八荒 发表于 2024-8-22 22:14
谢谢影儿送的礼物，好开心
不客气啊，你不提还不知道这首歌呢{:4_173:} 四海八荒 发表于 2024-8-22 22:20
非常喜欢，以前常听的是黑大婶唱的，一个人有一个人的味道。
是的，我也看到黑大婶唱的版本了，还是觉得用词曲创作者的演唱更好点{:4_204:} 马黑黑 发表于 2024-8-22 22:24
这个创意好
去黑黑那里学习了一下，然后想试验一下{:4_187:} 小辣椒 发表于 2024-8-22 22:28
亲爱的，现在我暂时不能听歌，想想肯定很好听的
嗯嗯，太晚了，亲爱的空了再听就是了{:4_179:} 小辣椒 发表于 2024-8-22 22:31
亲爱的，我得下了，晚安~~~
晚安，亲爱的{:4_185:} 红影 发表于 2024-8-22 22:47
去黑黑那里学习了一下，然后想试验一下
有自主设计的东东，挺好 红影 发表于 2024-8-22 22:45
是的，我也看到黑大婶唱的版本了，还是觉得用词曲创作者的演唱更好点
创作者更能理解词曲的神韵。很柔情的思乡曲。如陈酿。
翻唱流行的原因是她有自己的特色，如烈酒 https://5b0988e595225.cdn.sohucs.com/images/20170929/062e8b7bb79942b3ad2b0868bd570947.gif
播放器的设计有新意。{:5_116:}