双语歌词练习套用小辣椒小提琴播放器代码
<style>
#mama {
margin: 150px 0 30px calc(50% - 830px);
width: 1496px;
height: 900px;
background: url('https://pic.imgdb.cn/item/66d7f809d9c307b7e9a7aeef.jpg') no-repeat center/cover;
box-shadow: 0 0 8px rgba(0,0,0,.65);
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent
90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=26569168.mp3" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/15653652/04/57/90/6490fb3b722ba.mp4" autoplay loop muted></video>
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://xlaj.cn/assets/file/zp/20240901180758.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
path: 'm303.38113,188.45851a44.61425,40.76144 0 0 1 -15.949,-13.42059c-0.24911,-4.518 -2.16758,-8.17007 -5.75539,-10.96145c-0.7903,-0.62263 -1.30284,-1.36037 -1.43168,-2.0667c-0.49824,-2.52978 0.58986,-3.53957 3.26425,-3.03467c0.524,0.09679 1.36584,0.60955 2.29071,1.38652l5.32588,4.4997c0.61562,0.51537 1.61209,0.47089 2.29071,-0.10464c3.95145,-3.27797 3.1583,-6.38329 -2.3766,-9.3133c-0.90196,-0.46042 -1.50612,-1.16678 -1.63212,-1.90974c-0.28633,-1.72663 0.35218,-2.92219 1.91847,-3.58405a2.25062,2.05627 0 0 1 2.51976,0.39241l5.29724,4.65666c0.72157,0.62786 1.6178,0.88948 2.31933,0.68019c2.25062,-0.6985 3.43605,-2.07457 3.55058,-4.13344c0.03723,-0.50753 -0.4066,-1.29496 -1.17399,-2.09288l-4.52413,-4.81362a1.34005,1.22434 0 0 1 -0.31211,-1.02029a1.75812,1.60628 0 0 1 0.65571,-0.99411c3.16689,-2.33618 5.72676,-1.46503 7.67384,2.6161c0.31498,0.68019 1.1167,1.05691 1.88983,0.88947c10.65176,-2.24984 17.15162,7.58669 23.93782,13.6037c1.81251,1.60366 2.13609,4.05494 0.97355,7.35124a2.48542,2.27077 0 0 0 0.45814,2.22368l4.55277,4.83977a2.21051,2.01962 0 0 1 0.34361,2.19752c-4.66731,8.29305 -8.5615,-10.80449 -15.66266,-0.57554c-0.42091,0.63572 -0.28061,1.48594 0.34361,2.0667l4.925,4.73514c0.71585,0.68543 1.048,1.53826 0.88764,2.276c-0.19185,0.83715 -0.62993,1.48333 -1.31716,1.93592c-0.73302,0.45258 -1.75526,0.37935 -2.51976,-0.18312l-6.58577,-4.83977c-0.80175,-0.60431 -1.70371,-0.87901 -2.40524,-0.73251c-2.04445,0.38457 -3.39025,1.43101 -4.03736,3.13932c-0.2577,0.70896 0.06014,1.54348 0.80175,2.09288c1.08809,0.81099 11.62531,10.30742 3.1211,9.41796c-0.77884,-0.07848 -1.57486,-0.5677 -2.17617,-1.33421c-2.67438,-3.52389 -6.49986,-5.48597 -11.48215,-5.88621l0,0l0.00003,-0.00004l-0.00003,0.00004l0,-0.00001zm-15.949,-13.42059a44.61425,40.76144 0 0 0 15.949,13.42059l-57.89745,57.16178l-13.97327,13.99614c-2.67438,2.66844 -5.5664,2.96404 -8.67603,0.88947c-4.925,-3.26227 -9.75553,-7.79598 -14.48868,-13.6037a4.48119,4.09419 0 0 1 0.48677,-5.38917l16.72211,-14.7548l61.87755,-51.72028l0.00001,0l-0.00001,-0.00001l0,-0.00001zm-61.87755,51.72028l-16.72211,14.7548a4.48119,4.09419 0 0 0 -0.48677,5.38917c4.73315,5.80773 9.56368,10.34144 14.48868,13.6037c3.10963,2.07457 6.00164,1.77895 8.67603,-0.88947l13.97327,-13.99614c11.76846,15.25185 22.96427,36.78237 3.43605,50.75233c-9.90726,7.1158 -26.08535,10.9876 -31.95526,25.79474c-3.55058,8.99938 -3.09245,23.38794 -8.36105,32.70124c-5.38316,9.55662 -14.13648,15.37481 -26.25716,17.44939c-39.08507,6.6449 -77.48292,-21.97524 -91.54211,-53.94398c-8.5615,-19.48993 -7.81702,-46.01719 14.51732,-57.37105c8.84783,-4.52584 22.99291,-5.07524 32.84292,-6.95883c29.03462,-5.54614 25.74173,-51.38018 65.71447,-37.59336c3.55058,1.22171 10.77488,4.65666 21.67575,10.30742l-0.00003,0.00001l0,0.00003zm-14.28824,52.92369a23.30789,21.29506 0 1 0 -46.61573,0a23.30789,21.29506 0 0 0 46.61573,0zm-34.52944,49.40505a2.74883,2.51145 0 0 0 -0.00572,-3.55266l-39.10512,-35.60248a2.74883,2.51145 0 0 0 -3.88846,0.00784l-6.82915,6.26294a2.74883,2.51145 0 0 0 0.00572,3.55004l39.10512,35.60511a2.74883,2.51145 0 0 0 3.8856,-0.00784l6.83201,-6.26294zm70.35145,-169.86944c-0.47111,2.01693 -2.00221,3.15053 -4.05594,3.53331c-1.80345,0.33124 -3.30512,0.41222 -4.74788,-0.75083c-1.75929,-1.47958 -1.78138,-3.93081 -0.19875,-5.47662c1.25138,-1.1925 3.01067,-1.4354 5.65329,-1.89915c0.44166,-0.08097 0.82444,-0.18403 1.14832,-0.54472c0.47111,-0.53 0.32389,-0.3018 0.32389,-12.01324c0,-0.82444 -0.40486,-1.05263 -1.25138,-0.90542c-0.6036,0.10306 -13.66948,2.54692 -13.66948,2.54692c-0.75083,0.16194 -0.98638,0.38277 -0.98638,1.22929c0,17.2764 0.08097,16.48141 -0.18403,17.62973c-0.30917,1.33971 -1.1336,2.34817 -2.22304,2.90762c-1.23666,0.68457 -3.47442,0.98638 -4.66691,0.76555c-3.17998,-0.59625 -4.29886,-4.26942 -2.14206,-6.37467c1.25138,-1.1925 3.01067,-1.4354 5.65329,-1.89915c0.44166,-0.08097 0.82444,-0.18403 1.14832,-0.54472c0.74347,-0.84652 0.1325,-18.88846 0.38277,-19.88957c0.05888,-0.38277 0.22083,-0.70666 0.52263,-0.94958c0.30917,-0.25764 0.86861,-0.40486 0.98638,-0.40486c15.01655,-2.81193 16.84946,-3.17261 17.1071,-3.17261c0.84652,-0.05888 1.33235,0.44166 1.33235,1.29554c0.01472,25.35884 0.08097,23.99705 -0.1325,24.91717l0.00003,-0.00001z ',
img: { play: '', pause: '' },
btn: { left: 123, top: 330 },
track: {track: '#F0FFF0', prog: '#fb0925'},
player_css: 'width: 520px; height: 556px; left: 180px; top:320px;',
lrc_css: 'left: 27%; top:60px;font:normal 2.0em Microsoft YaHei;--bg: linear-gradient(RoyalBlue,CornflowerBlue); color: Snow;',
fs_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
});
};
var geci = `
Fauntleroy(Gad+Kelly<br>弗兰特洛伊(加德和凯利)
You know the bed feels warmer<br>你知道这张床感觉更温暖
Sleeping here alon <br>独自躺在这里
You know I dream in colour<br>你知道我在彩色的梦境中
And do the things I want<br>做我想做的事情
You think you got the best of me<br>你以为你占了我的上风
Think you had the last laugh<br>以为你已经赢了
Bet you think that everything good is gone<br>你一定以为所有美好的事物都已经消失了吧
Think you left me broken down<br>以为你让我心碎了
Think that I'd come running back<br>以为我会跑回来
Baby you don't know me, cause you're dead wrong<br>宝贝，你并不了解我，因为你完全错了
What doesn't kill you makes you stronger<br>经历的苦难会让你变得更坚强
Stand a little taller<br>挺直腰板
Doesn't mean I'm lonely when I'm alone<br>并不意味着我独自一人时就会感到孤独
What doesn't kill you makes a fighter<br>能够让你活下来的，会让你变得更加坚强
footsteps even lighter<br>脚步更加轻盈
Doesn't mean I'm over cause you'r gone<br>并不意味着你离开后我就会一蹶不振
What doesn't kill you makes you stronger, stronger<br>没有击垮你的东西，会让你变得更强大，更强大
Just me, myself and I<br>站得更高一些
What doesn't kill you makes you stronger<br>我不觉得孤独，因为我独处
Stand a little taller<br>没有击垮你的，会让你成为战士
Doesn't mean I'm lonely when I'm alone<br>并不意味着我独自一人时就会感到孤独没有击垮你的，会使你更强大
You heard that I was starting over with someone new<br>你听说我开始和新的人交往了
But told you I was moving on over you<br>但我告诉过你我要离开你了
You didn't think that I'd come back<br>你没想到我会回来吧
I'd come back swinging<br>我会反击回来的
You try to break me butyou see<br>我不会因为失去你而一蹶不振
What doesn't kill you makes you stronger<br>没有击垮你的，会让你变得更强大，更强大
Stand a little taller<br>只有我，我自己和我
Doesn't mean I'm lonely when I'm alone<br>没有击垮你的，会让你变得更强大
What doesn't kill you makes a fighter<br>能够让你活下来的，会让你变得更加坚强
footsteps even lighter<br>我不觉得孤独，因为我独处
Doesn't mean I'm over cause you're gone<br>多亏了你，我开始了新的生活
What doesn't kill you makes you stronger, stronger<br>多亏了你，我不再是一个心碎的人
Just me, myself and I<br>多亏了你，我终于开始考虑我自己了
What doesn't kill you makes you stronger<br>你知道，最终你离开的那一天只是我的开始。
Stand a little taller<br>挺直腰板……
Doesn't mean I'm lonely when I'm alone<br>没有击垮你的，会让你变得更强大
Thanks to you I got a new thing started<br>多亏了你，我才开始了新的事情
Thanks to you I'm not a broken hearted<br>我不觉得孤独，因为我独处。
Thanks to you I'm finally thinking about me<br>多亏了你，我终于开始考虑我自己了
You know in the end the day you left was just my beginning<br>你知道，你离开的那一天，只是我新生活的开始
In the end...<br>最后…
What doesn't kill you makes you stronger<br>经历的苦难会让你变得更坚强
Stand a little taller<br>只有我，我自己和我
Doesn't mean I'm lonely when I'm alone<br>没有击垮你的，会让你变得更强大
What doesn't kill you makes a fighter<br>能够让你活下来的，会让你变得更加坚强
footsteps even lighter<br>脚步声更加轻盈
Doesn't mean I'm over cause you're gone<br>只有我自己和我自己
What doesn't kill you makes you stronger, stronger<br>那些不能杀死你的东西会让你变得更强大
Just me, myself and I<br>只有我自己
What doesn't kill you makes you stronger<br>经历的苦难会让你变得更坚强
Stand a little taller<br>挺直腰板
Doesn't mean I'm lonely when I'm alone<br>当我独自一人时并不意味着我感到孤独
What doesn't kill you makes you stronger, stronger<br>没有击垮你的东西，会让你变得更强大，更强大
Just me, myself and I<br>只有我自己
What doesn't kill you makes you stronger<br>经历的苦难会让你变得更坚强
Stand a little taller<br>挺直腰板
Doesn't mean I'm lonely when I'm alone<br>当我独自一人时并不意味着我感到孤独
I'm alone<br>我独自一人
歌词编辑：梦江南
`;
</script> 问小辣椒老师，歌还没有唱完，小提琴就走完了呢？{:4_201:} 进度条不同步：歌曲03:41当播放到01：22时，进度条就变色完了。 彩云归 发表于 2024-9-4 15:59
进度条不同步：歌曲03:41当播放到01：22时，进度条就变色完了。
谢谢老师，进度条的走速我不会变。 小提琴慢慢变红挺好看的。 套用代码也是一种学习，小辣椒也是经常这样的，不错，梦江南做的挺好{:4_199:}
第一步纯套用，后面慢慢自己按黑黑老师的教程，按配置稍微修改一下，这样也是可以学会许多新的效果出来 梦江南 发表于 2024-9-4 15:06
问小辣椒老师，歌还没有唱完，小提琴就走完了呢？
没有啊，走完全音乐的路径的，这个是双路径小提琴播放器，音乐出来凡是有出口的音标都同时出来了，都走完一遍后，重新再走一次全路径，你仔细看看小红点的走动就明白了
这个是单路径播放器
https://www.huachaowang.com/forum.php?mod=viewthread&tid=72126
彩云归 发表于 2024-9-4 15:59
进度条不同步：歌曲03:41当播放到01：22时，进度条就变色完了。
老师这个是双路径播放器
走完全音乐的路径的，这个是双路径小提琴播放器，音乐出来凡是有出口的音标都同时出来了，都走完一遍后，重新再走一次全路径，你仔细看看小红点的走动就明白了
这个是单路径播放器
https://www.huachaowang.com/forum.php?mod=viewthread&tid=72126
梦油 发表于 2024-9-4 16:35
小提琴慢慢变红挺好看的。
梦油，这个就是音乐按路径走，这个是双路径播放器，所以全部音乐完了就走了二遍了 小辣椒 发表于 2024-9-4 17:01
套用代码也是一种学习，小辣椒也是经常这样的，不错，梦江南做的挺好
第一步纯套用，后面慢慢 ...
问老师，歌没唱完进度条怎么走完了呢？{:4_201:} 梦江南 发表于 2024-9-4 17:10
问老师，歌没唱完进度条怎么走完了呢？
再看看我上面的回复 梦油 发表于 2024-9-4 16:35
小提琴慢慢变红挺好看的。
小提琴应该与歌曲同步的，提前变红了。{:4_201:} 梦江南 发表于 2024-9-4 17:13
小提琴应该与歌曲同步的，提前变红了。
你仔细看了音乐的时间吗？只有音乐出来才有路径小红点的，音乐完全结束，路径就停止的。看看播放器上的音乐时间动对比一下小红点 小辣椒 发表于 2024-9-4 17:05
没有啊，走完全音乐的路径的，这个是双路径小提琴播放器，音乐出来凡是有出口的音标都同时出来了，都走完 ...
小红点在走是看到的。 梦江南 发表于 2024-9-4 17:34
小红点在走是看到的。
和你音乐时间动配合看看 小辣椒 发表于 2024-9-4 17:06
老师这个是双路径播放器
走完全音乐的路径的，这个是双路径小提琴播放器，音乐出来凡是有出口的音标都 ...
谢谢老师，明白了。{:4_187:} 小辣椒 发表于 2024-9-4 17:11
再看看我上面的回复
明白了，谢谢辛苦。{:4_204:} 梦江南 发表于 2024-9-4 17:39
谢谢老师，明白了。
没事，你这个音乐用的很好，套用制作也是用心，就这样不理解就问，我们一起学习 欣赏老师的精美制作，点赞！
小辣椒 发表于 2024-9-4 17:06
老师这个是双路径播放器
走完全音乐的路径的，这个是双路径小提琴播放器，音乐出来凡是有出口的音标都 ...
“双路径播放器”，外观不易看出哪是真实的路径。走完一遍后（仅三分之一），皆是红色。小红点运动，不注意看，就容易忽略。