马黑黑 发表于 2024-8-31 07:50

Princesses Don't Cry

<style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 572px;
        background: url('https://638183.freep.cn/638183/t24/4/princess.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=536870202" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/2629112/00/02/01/5b4eed878e310.mp4" autoplay loop muted></video>
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/svgpath_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                path: 'M10 50 A90 45 0 1 1 190 50 A90 45 0 1 1 10 50',
                img: { play: '', pause: '' },
                btn: { left: 36, top: 32 },
                track: { track: 'lightblue', prog: 'white' },
                player_css: 'width: 200px; height: 100px; left: 10px; bottom: 10px;',
                lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
                fs_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
        });
};

var geci = `
        CARYS : Princesses Don't Cry
        Boys, they're handsome and strong<br>那些男孩啊,俊朗而健壮
        But always the first to tell me I'm wrong<br>但却总是第一个否定我的人
        Boys try to tame me, I know<br>他们否定我,只为了驯服我
        They tell me I'm weird and won't let it go<br>他们口口声声说我奇怪却偏爱我、抓紧我
        No, I'm fine, I'm lying on the floor again<br>行了吧,我明白,你就是我如今再次堕落的原因
        Cracked door, I always wanna let you in<br>你在敲门,我曾经热情欢迎你,只为见到你
        Even after all of this ****, I'm resilient<br>就算你口出狂言,要丢掉我 我也只能沉默
        'Cause a princess doesn't cry (no-oh)<br>因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)<br>因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night<br>午夜很残忍
        Don't waste our precious time<br>别再浪费你和我的宝贵时间
        On boys with pretty eyes<br>在那些有着漂亮眼睛的男生身上
        A princess doesn't cry (no-oh)<br>公主们不会哭泣
        A princess doesn't cry (no-oh, oh)<br>女孩们不会哭泣
        Burning like a fire<br>我们只会纵情燃烧自己
        You feel it all inside<br>你能看穿我
        But wipe your teary eyes<br>省去你假惺惺的眼泪
        'Cause princesses don't cry<br>因为我不会哭
        Don't cry, don't cry, oh<br>而你又为何在我面前刻意表演
        Don't cry<br>别哭了
        Don't cry, oh<br>没意义
        Don't cry, don't cry, don't cry, oh<br>别哭了 省去你的眼泪吧
        'Cause princesses don't cry<br>因为我们女孩从不会为你这样的男人而哭
        Girls, so pretty and poised<br>女孩们又可爱俏皮又镇定自若
        And soft to the touch<br>肌肤吹弹可破
        But God made me rough<br>但上帝还未将我精心打磨
        Girls, so heavy the crown<br>女孩们顶着沉甸甸的皇冠
        They carry it tall<br>举得高高的
        But it's weighing me down<br>但却难免失落 毕竟她不要皇冠 只是想要一个懂她爱她的人啊
        No, I'm fine<br>行了,我并没有难过
        I'm lying on the floor again<br>你就是我如今再次堕落的原因
        Cracked door<br>敲打着门
        You're only going to let them in once<br>我只会让你进来最后一次了
        And you won't come undone<br>然后你滚得远远的吧
        'Cause a princess doesn't cry (no-oh)<br>因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)<br>因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night<br>午夜很残忍
        Don't waste our precious time<br>别再浪费你和我的宝贵时间了
        On boys with pretty eyes<br>你眼中有万层星光 在召唤我
        A princess doesn't cry (no-oh)<br>公主们不会哭泣
        A princess doesn't cry (no-oh, oh)<br>女孩们不会哭泣
        Burning like a fire<br>我们只会燃烧自己
        You feel it all inside<br>你或许可以看穿我
        But wipe your teary eyes<br>但省去你假惺惺的泪水吧
        'Cause princesses don't cry<br>因为我不会哭
        Don't cry, don't cry, oh<br>而你不必配合我演出表演
        Don't cry<br>别哭了
        Don't cry, oh<br>别哭了
        Don't cry, don't cry, don't cry, oh<br>别哭了
        'Cause princesses don't cry<br>我们女孩从不会为你这样的人哭泣
        I'm fine, I won't waste my time<br>我很好 懂得珍惜时间
        Keep it in a jar, gonna leave it for the next one, yeah<br>把我们的往事留在过去,因为还有下一个在等着我
        I'm fine, I won't waste my time<br>我很好 懂得珍惜时间
        Keep it in a jar, gonna leave it for the next one, yeah<br>把我们的往事留在过去,还有Mr.Right在等着我
        I'm fine<br>我很好
        I'm lying on the floor again<br>我再一次躺在地板上
        'Cause a princess doesn't cry (no-oh)<br>因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)<br>因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night<br>午夜很残忍
        Don't waste our precious time<br>别再浪费我和你的宝贵时间
        On boys with pretty eyes<br>在那些有着漂亮眼睛的男孩身上
        A princess doesn't cry (no-oh)<br>公主们不会哭
        A princess doesn't cry (no-oh, oh)<br>女孩们不会哭
        Burning like a fire<br>只会熊熊燃烧着自己
        You feel it all inside<br>你或许能看穿我
        But wipe your teary eyes<br>但请省去你那假惺惺的眼泪吧
        'Cause princesses don't cry<br>因为我不会哭
        Don't cry, don't cry, oh<br>所以你哭什么呢
        Don't cry<br>别哭了
        Don't cry, oh<br>别哭了
        Don't cry, don't cry, don't cry, oh<br>别哭了 没有意义
        'Cause princesses don't cry<br>公主们从来不哭泣
        Don't cry, don't cry, oh<br>别哭了
        Don't cry<br>别哭了
        Don't cry, oh<br>别哭了
        Don't cry, don't cry, don't cry, oh<br>我们女孩从来不哭泣
        'Cause princesses don't cry<br>我们女孩从来不为不珍惜我们的人哭泣
        End...
`;
</script>

马黑黑 发表于 2024-8-31 07:51

<h2>帖子代码</h2>
<div class="hE"><pre>
&lt;style&gt;
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 572px;
        background: url('https://638183.freep.cn/638183/t24/4/princess.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px rgba(0,0,0,.65);
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama &gt; 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;
}
&lt;/style&gt;

&lt;div id="mama" class="mama"&gt;
        &lt;audio src="https://music.163.com/song/media/outer/url?id=536870202" autoplay loop&gt;&lt;/audio&gt;
        &lt;video src="https://img.tukuppt.com/video_show/2629112/00/02/01/5b4eed878e310.mp4" autoplay loop muted&gt;&lt;/video&gt;
&lt;/div&gt;

&lt;script&gt;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/svgpath_yslrc.js';
document.body.appendChild(sf);

sf.onload = () =&gt; {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                path: 'M10 50 A90 45 0 1 1 190 50 A90 45 0 1 1 10 50',
                img: { play: '', pause: '' },
                btn: { left: 36, top: 32 },
                track: { track: 'lightblue', prog: 'white' },
                player_css: 'width: 200px; height: 100px; left: 10px; bottom: 10px;',
                lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
                fs_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
        });
};

var geci = `
        CARYS : Princesses Don't Cry
        Boys, they're handsome and strong&lt;br&gt;那些男孩啊,俊朗而健壮
        But always the first to tell me I'm wrong&lt;br&gt;但却总是第一个否定我的人
        Boys try to tame me, I know&lt;br&gt;他们否定我,只为了驯服我
        They tell me I'm weird and won't let it go&lt;br&gt;他们口口声声说我奇怪却偏爱我、抓紧我
        No, I'm fine, I'm lying on the floor again&lt;br&gt;行了吧,我明白,你就是我如今再次堕落的原因
        Cracked door, I always wanna let you in&lt;br&gt;你在敲门,我曾经热情欢迎你,只为见到你
        Even after all of this ****, I'm resilient&lt;br&gt;就算你口出狂言,要丢掉我 我也只能沉默
        'Cause a princess doesn't cry (no-oh)&lt;br&gt;因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)&lt;br&gt;因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night&lt;br&gt;午夜很残忍
        Don't waste our precious time&lt;br&gt;别再浪费你和我的宝贵时间
        On boys with pretty eyes&lt;br&gt;在那些有着漂亮眼睛的男生身上
        A princess doesn't cry (no-oh)&lt;br&gt;公主们不会哭泣
        A princess doesn't cry (no-oh, oh)&lt;br&gt;女孩们不会哭泣
        Burning like a fire&lt;br&gt;我们只会纵情燃烧自己
        You feel it all inside&lt;br&gt;你能看穿我
        But wipe your teary eyes&lt;br&gt;省去你假惺惺的眼泪
        'Cause princesses don't cry&lt;br&gt;因为我不会哭
        Don't cry, don't cry, oh&lt;br&gt;而你又为何在我面前刻意表演
        Don't cry&lt;br&gt;别哭了
        Don't cry, oh&lt;br&gt;没意义
        Don't cry, don't cry, don't cry, oh&lt;br&gt;别哭了 省去你的眼泪吧
        'Cause princesses don't cry&lt;br&gt;因为我们女孩从不会为你这样的男人而哭
        Girls, so pretty and poised&lt;br&gt;女孩们又可爱俏皮又镇定自若
        And soft to the touch&lt;br&gt;肌肤吹弹可破
        But God made me rough&lt;br&gt;但上帝还未将我精心打磨
        Girls, so heavy the crown&lt;br&gt;女孩们顶着沉甸甸的皇冠
        They carry it tall&lt;br&gt;举得高高的
        But it's weighing me down&lt;br&gt;但却难免失落 毕竟她不要皇冠 只是想要一个懂她爱她的人啊
        No, I'm fine&lt;br&gt;行了,我并没有难过
        I'm lying on the floor again&lt;br&gt;你就是我如今再次堕落的原因
        Cracked door&lt;br&gt;敲打着门
        You're only going to let them in once&lt;br&gt;我只会让你进来最后一次了
        And you won't come undone&lt;br&gt;然后你滚得远远的吧
        'Cause a princess doesn't cry (no-oh)&lt;br&gt;因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)&lt;br&gt;因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night&lt;br&gt;午夜很残忍
        Don't waste our precious time&lt;br&gt;别再浪费你和我的宝贵时间了
        On boys with pretty eyes&lt;br&gt;你眼中有万层星光 在召唤我
        A princess doesn't cry (no-oh)&lt;br&gt;公主们不会哭泣
        A princess doesn't cry (no-oh, oh)&lt;br&gt;女孩们不会哭泣
        Burning like a fire&lt;br&gt;我们只会燃烧自己
        You feel it all inside&lt;br&gt;你或许可以看穿我
        But wipe your teary eyes&lt;br&gt;但省去你假惺惺的泪水吧
        'Cause princesses don't cry&lt;br&gt;因为我不会哭
        Don't cry, don't cry, oh&lt;br&gt;而你不必配合我演出表演
        Don't cry&lt;br&gt;别哭了
        Don't cry, oh&lt;br&gt;别哭了
        Don't cry, don't cry, don't cry, oh&lt;br&gt;别哭了
        'Cause princesses don't cry&lt;br&gt;我们女孩从不会为你这样的人哭泣
        I'm fine, I won't waste my time&lt;br&gt;我很好 懂得珍惜时间
        Keep it in a jar, gonna leave it for the next one, yeah&lt;br&gt;把我们的往事留在过去,因为还有下一个在等着我
        I'm fine, I won't waste my time&lt;br&gt;我很好 懂得珍惜时间
        Keep it in a jar, gonna leave it for the next one, yeah&lt;br&gt;把我们的往事留在过去,还有Mr.Right在等着我
        I'm fine&lt;br&gt;我很好
        I'm lying on the floor again&lt;br&gt;我再一次躺在地板上
        'Cause a princess doesn't cry (no-oh)&lt;br&gt;因为公主们从来不哭泣
        A princess doesn't cry (no-oh, oh)&lt;br&gt;因为所有的女孩都是公主 她们从不为伤害她们的人哭泣
        Over monsters in the night&lt;br&gt;午夜很残忍
        Don't waste our precious time&lt;br&gt;别再浪费我和你的宝贵时间
        On boys with pretty eyes&lt;br&gt;在那些有着漂亮眼睛的男孩身上
        A princess doesn't cry (no-oh)&lt;br&gt;公主们不会哭
        A princess doesn't cry (no-oh, oh)&lt;br&gt;女孩们不会哭
        Burning like a fire&lt;br&gt;只会熊熊燃烧着自己
        You feel it all inside&lt;br&gt;你或许能看穿我
        But wipe your teary eyes&lt;br&gt;但请省去你那假惺惺的眼泪吧
        'Cause princesses don't cry&lt;br&gt;因为我不会哭
        Don't cry, don't cry, oh&lt;br&gt;所以你哭什么呢
        Don't cry&lt;br&gt;别哭了
        Don't cry, oh&lt;br&gt;别哭了
        Don't cry, don't cry, don't cry, oh&lt;br&gt;别哭了 没有意义
        'Cause princesses don't cry&lt;br&gt;公主们从来不哭泣
        Don't cry, don't cry, oh&lt;br&gt;别哭了
        Don't cry&lt;br&gt;别哭了
        Don't cry, oh&lt;br&gt;别哭了
        Don't cry, don't cry, don't cry, oh&lt;br&gt;我们女孩从来不哭泣
        'Cause princesses don't cry&lt;br&gt;我们女孩从来不为不珍惜我们的人哭泣
        End...
`;
&lt;/script&gt;
</pre></div>

<script>
var sc = document.createElement('script');
sc.chartset = 'utf-8';
sc.src = 'https://638183.freep.cn/638183/web/js2024/helight.js';
document.body.appendChild(sc);
</script>

马黑黑 发表于 2024-8-31 07:53

自由路径进度条,花潮LRC格式转原生LRC格式的最后一个:原生lrc歌词同步之自由路径进度条播放器 (52qingyin.cn)

马黑黑 发表于 2024-8-31 07:55

补充:所有的插件都支持歌词双语输出,就像本帖展示的一样

歌词格式请参照二楼代码实现

起个网名好难 发表于 2024-8-31 08:34

https://dingyue.ws.126.net/2019/1117/f41c4906g00q12n55001ic200hs00hsg00hs00hs.gif

红影 发表于 2024-8-31 10:09

路径可以自由设计,这个封装好,给出了无限可能{:4_199:}

红影 发表于 2024-8-31 10:11

马黑黑 发表于 2024-8-31 07:55
补充:所有的插件都支持歌词双语输出,就像本帖展示的一样

歌词格式请参照二楼代码实现

呵呵,还没想过去做外文的,但这个说明很好,以后要做其他语的时候可以用上了{:4_199:}

红影 发表于 2024-8-31 10:14

这么多的可爱的芭比娃娃,风靡全球的艳丽动人的万人偶像,还有一只可爱的米老鼠。
这个用来诠释这首歌正好{:4_187:}

红影 发表于 2024-8-31 10:16

马黑黑 发表于 2024-8-31 07:53
自由路径进度条,花潮LRC格式转原生LRC格式的最后一个:原生lrc歌词同步之自由路径进度条播放器 (52qingyin ...

黑黑真是高效,连续做了这么多的原生LRC封装,辛苦了{:4_184:}

马黑黑 发表于 2024-8-31 11:40

红影 发表于 2024-8-31 10:16
黑黑真是高效,连续做了这么多的原生LRC封装,辛苦了

细碎时间总有一点吧?一天做一个也花不了多少时间,比杀猪容易的

梦江南 发表于 2024-8-31 15:15

黑黑老师真厉害,我头也看大了。{:4_187:}

红影 发表于 2024-8-31 15:54

马黑黑 发表于 2024-8-31 11:40
细碎时间总有一点吧?一天做一个也花不了多少时间,比杀猪容易的

这就是高手的自信呢{:4_199:}

马黑黑 发表于 2024-8-31 16:58

红影 发表于 2024-8-31 15:54
这就是高手的自信呢

{:4_169:}

马黑黑 发表于 2024-8-31 16:59

梦江南 发表于 2024-8-31 15:15
黑黑老师真厉害,我头也看大了。

头大是好事{:4_170:}

绿叶清舟 发表于 2024-8-31 20:24

这个歌词不能网上直接搜了吧

马黑黑 发表于 2024-8-31 20:52

绿叶清舟 发表于 2024-8-31 20:24
这个歌词不能网上直接搜了吧
有的能搜到,有的没有

绿叶清舟 发表于 2024-8-31 21:14

马黑黑 发表于 2024-8-31 20:52
有的能搜到,有的没有

发现搜来的不准确

马黑黑 发表于 2024-8-31 21:14

绿叶清舟 发表于 2024-8-31 21:14
发现搜来的不准确

不准多找找,还不准自己做

绿叶清舟 发表于 2024-8-31 21:23

马黑黑 发表于 2024-8-31 21:14
不准多找找,还不准自己做

上回自己做了,全部听完了结果不知道哪里按了一下歌词就没了

马黑黑 发表于 2024-8-31 21:29

绿叶清舟 发表于 2024-8-31 21:23
上回自己做了,全部听完了结果不知道哪里按了一下歌词就没了

开小差了
页: [1] 2 3
查看完整版本: Princesses Don't Cry