花简静 发表于 2026-1-22 11:02:36

本帖最后由 花简静 于 2026-1-22 11:03 编辑 <br /><br /><style>
/* 名称 :lrc歌词制作
   制作 :马黑黑
   更新 :2024年8月21日
*/
        .outer { margin: auto; width: fit-content; height: fit-content; }
        .outer h2 { margin: 10px; padding: 0; font: bold 1.5em sans-serif; text-align: center; }
        .outer p { margin: 10px; }
        .outer input { margin: 2px; font: normal 16px sans-serif; outline: none; }
        .menu { margin: 0 0 -1px 8px; width: fit-content; height: fit-content; display: flex; position: relative; }
        @-moz-document url-prefix() { .menu { margin-bottom:-2px; }}
        .item { width: 60px; height: 30px; font: normal 1em / 30px sans-serif; text-align: center; background: #fff; border: 1px solid; border-bottom: none; cursor: pointer; }
        #slip { width: 50px; text-align: center; }
        #lrcText { padding: 10px; width: 720px; height: 400px; font: normal 16px / 26px sans-serif; resize: both; border: 1px solid; outline: none; }
        #mUrl { padding: 4px; width: 460px; font-size: 14px; }
        #aud, #up { display: none; outline: none; }
        #audMsg { display: inline-block; margin-left: 12px; height: 54px; font: normal 1em / 54px sans-serif; }
</style>
</head>
<body>

<div class="outer">
        <h2>原生lrc在线制作工具</h2>
        <div class="menu">
                <div class="item">lrc制作</div>
        </div>
        <textarea id="lrcText" rows ="18" cols="60" placeholder="原始歌词"></textarea>
        <p>
                <input id="begin" type="button" value=" 制作 " title="点击开始制作" />
                <input id="up" type="button" value=" ↑↑ " />
                <input id="btnReset" type="button" value=" 重置 " title="重置到初始状态" />
                <input id="mUrl" type="text" placeholder="音频地址" value="" />
                <label>手慢 : </label>
                <input id="slip" type="number" placeholder="0" value="0.2" min="0" max="1" step="0.1" />
        </p>
        <p style="display:flex">
                <audio id="aud" controls="controls"></audio>
                <span id="audMsg"></span>
        </p>
</div>

<script>
let items = document.querySelectorAll('.item');
let lrcArr = [], slipNum = 0.2, yp, currentIdx, mkidx;

begin.onclick =() => {
        if(lrcText.value === '' || mUrl.value === '') return false;
        aud.src = mUrl.value.trim();
        aud.style.display = audMsg.style.display = 'inline-block';
        lrcArr.length = 0;
        lrcArr = (lrcText.value).trim().split('\n');
        currentIdx = mkidx = 0;
        lrcText.value = 'var geci = `\n';
        mUrl.value = lrcArr;
        begin.style.display = 'none';
        up.style.display = 'inline-block';
        up.disabled = true;
}

up.onclick = () => {
        if(currentIdx === lrcArr.length - 1) {
                lrcText.value += '\t' + mUrl.value + '\n`;';
                mUrl.value = aud.src;
                up.disabled = true;
                btnReset.value = ' 复制 ';
        } else {
                lrcText.value += '\t' + mUrl.value + '\n';
                lrcText.scrollTop = lrcText.scrollHeight;
                if(currentIdx < lrcArr.length - 1) currentIdx ++;
                mUrl.value = lrcArr;
        }
        mkidx ++;
        audMsg.innerText = audMsg.innerText.replace(/:\s\d+/, ': ' + mkidx);
        up.disabled = true;
};

btnReset.onclick = () => {
        let val = btnReset.value.trim();
        if(val === '复制') {
                lrcText.select();
                document.execCommand('copy');
                mUrl.value = '内容已复制到剪切板';
                btnReset.value = ' 重置 '
                btnReset.title = '重置到初始状态'
        }else{
                window.location.reload();
        }
}

slip.onblur = () => {
        let val = Number(slip.value) || 0;
        if(val > 1) val = 1;
        if(val < -1) val = -1;
        slip.value = val;
};

aud.addEventListener('pause', () => {
        mUrl.value = `${mkLrc(aud.currentTime - slip.value, lrcArr)}`;
        up.disabled = mkidx >= lrcArr.length ? true : false;
});

aud.addEventListener('timeupdate', () => {
        let done = ' [ 完成量: ' + mkidx + ' / ' + lrcArr.length + ' ]';
        audMsg.innerText = aud.currentTime.toFixed(2) + ' | ' + (aud.duration || 0).toFixed(2) + done;
});

aud.onerror = () => {
        let url = prompt('音频资源出错。请重新输入:', '');
        aud.src = url;
};

mkLrc = (seconds,text) => {
        let m = parseInt(seconds / 60 % 60),
                s = parseInt(seconds % 60),
                ms = parseInt(seconds * 1000 % 1000);
        m = m.toString().padStart(2, '0');
        s = s.toString().padStart(2, '0');
        ms = ms.toString().padStart(2, '0');
        return `[${m}:${s}.${ms}]${text.trim()}`;
};
</script>

花简静 发表于 2026-1-22 11:02:48

本帖最后由 花简静 于 2026-1-26 17:11 编辑

单曲:不在乎有没有以后      网易地址:2138985267

单曲:不在乎有没有以后
        歌手:安洛贤 / Steven / 樊音悦动
        所属专辑:不在乎有没有以后
        作词 : 安洛贤
        作曲 : 安洛贤
        制作人:朴桑松 Sunny@壹橙 Music/安洛贤
        OP/ SP:樊音悦动
       
        流星划过了天际
        只留下了无声的思绪
        你就是我心底的秘密
        我想要逃离回忆却泛起涟漪
        在那寒冷的夜里
        忘了如何呼吸
        脑海中的思绪
        全部都是你
        只要你握紧我的手
        不在乎有没有以后
        即便再一无所有
        还坚信着你是一整个宇宙
        流星坠落的时刻
        让我为你唱首歌
        那一定是最浪漫的时刻
        我希望你不要再回头
        忘掉这故事忘掉爱
        不在乎有没有以后
        回忆都清空不期待
        心像是漏了个大洞
        我怎么填都填不满
        你说你早已经受够
        我搞不懂不是不想懂
        你的离开在夜里
        我还是特别的想你
        看着你离开的飞机
        对你的感情突然就落地
        从此以后
        没了我的手臂当枕头你
        再没理由
        成为我无法再说的痛 Girl
        你的话不想懂
        你的爱不再留
        不在乎了你要求
        就算是没以后
        我不再握紧你手
        只要你握紧我的手
        不在乎有没有以后
        即便再一无所有
        还坚信着你是一整个宇宙
        流星坠落的时刻
        让我为你唱首歌
        那一定是最浪漫的时刻
        我也曾看过那遥远的星辰
        我破碎怎抵达梦里的纷飞
        如果我再呐喊
        你是否听见
        风吹过的那一页
        窗外又是电闪雷鸣像是爱在滑落
        也许我们早就说过爱都不分对错
        爱的伤不愈合
        也没有如果了
        我知道你不在乎以后就算我们爱过
        如果说说你能忘掉我
        忘掉我对你的好只剩爱的折磨
        那我也无话可说
        你就当我没来过
        流星坠落的时刻
        让我为你唱首歌
        那一定是最浪漫的时刻

花简静 发表于 2026-1-22 11:02:50

本帖最后由 花简静 于 2026-1-26 17:12 编辑

单曲:关于春天的一切    网易地址:527054882

      单曲:关于春天的一切
        歌手:以冬
        所属专辑:关于春天的一切
        作词 : 沃特艾文儿
        作曲 : 陈叙之
        演唱:以冬
        伴奏混音:叶剑明
        人声混音:圣雨轻纱
        曲绘:三原
        PV:戒戒
        海报:莫问余生
        特别鸣谢:陆灼
        我在盛满星子的海
        泛一叶小舟等风来
        于是这世界除我之外
        便再没其他人存在
        可船都终要停泊
        船长也难免会离开
        你我他她 都将在人海
        挥洒我们最信马由缰的爱
        某个疏离而冷淡的秋天
        我望着没有边际的麦田
        一只南迁的鸟 落在我的左肩
        与我讲述那关于春天的一切
        在它所形容的那个时节
        朝露和晚霞也可以相恋
        花自由地开 也自由地谢
        不需谁成全
        可船都终要停泊
        船长也难免会离开
        你我他她 都将在人海
        挥洒我们最信马由缰的爱
        某个疏离而冷淡的秋天
        我望着没有边际的麦田
        一只南迁的鸟 落在我的左肩
        与我讲述那关于春天的一切
        在它所形容的那个时节
        学者和教徒也一同谈天
        歌自由地唱 诗自由地写
        不需谁指点
        某个阳光明媚的日子里
        我亲手葬下陈旧的自己
        终于走到时光尽头那片岛屿
        在那找到曾听它提及的春季
        那时我将睁开惺忪的眼
        看见太阳端坐在地平线
        火山与冰河拥吻在一起
        永远在一起

花简静 发表于 2026-1-22 11:02:52

本帖最后由 花简静 于 2026-1-26 17:12 编辑

单曲:周深 - 浮光   网易地址:2112196350

      周深 - 浮光
        原编曲:Jannik
        看指尖拨响蝴蝶 扇动一场离别
        我推开无声岁月 续梦一页
        你我只是打个照面 可曾有过誓约
        走进熟悉却 陌生的思念
        啊……
        啊……
        你的眼眸装满了时间
        你的身后拥故事成篇
        此生如梦愿细数流年
        与你同写 沧海桑田
        浮光掠影重山彩云间
        你的伏线穿越千百年
        人生不过恍惚三万天
        漫漫人间 留恋流连
        你说那月光 照过同样城墙
        永恒的刹那的 此刻沉默无话
        想问你这星空 是否不曾变
        是啊 是啊
        我们望着它
        风吹过耳旁 古远的歌唱啊
        这是我也是你 不曾遗忘的啊
        是来路是去处 是你在回答
        去吧 去啊
        总会相遇吧
        你的眼眸装满了时间
        你的身后拥故事成篇
        此生如梦愿细数流年
        与你同写 沧海桑田
        浮光掠影重山彩云间
        你的伏线穿越千百年
        人生不过恍惚三万天
        漫漫人间 留恋流连
        制作人:曾吴秋杰
        笛子:曾吴秋杰
        箫:河帛
        弦乐:国际首席爱乐乐团
        弦乐录音师:王小四
        配唱 人声录音师:徐威@52Hz studio(Shanghai)
        混音/母带工程师:赵靖@SBMS Beijing
        出品人:赵宗/唐晶晶
        项目策划:小粉
        艺人统筹:孟竹
        企划:黄鲲/孟竹
        支持:谢帆 姜凯朝
        文案:谢帆
        出品:网易音乐人 X 青云LAB
        特别鸣谢:周深工作室`;

花简静 发表于 2026-1-22 11:02:54

{:1_150:}

花简静 发表于 2026-1-22 11:02:58

{:1_150:}

花简静 发表于 2026-1-22 11:03:00

{:1_150:}

花简静 发表于 2026-1-22 11:03:03

{:1_150:}

花简静 发表于 2026-1-22 11:03:07

{:1_150:}

花简静 发表于 2026-1-22 11:03:09

{:1_150:}
页: 1 2 3 [4] 5 6 7
查看完整版本: 【马黑黑tzMaker音画贴子电饭煲】使用及说明