fork(fix): Clone AMLL 并修复 BUG

- 将AMLL Clone到本以地进行修复和优化(emm虽然这很不优雅但是暂时无时间做子模块和Fork) - 修复在当前播放歌词行不可见的视口Seek会出现滚动偏移的问题
2026-06-22 08:24:25 +08:00 · 2026-06-07 00:02:14 +08:00
parent 783d2c3dee
commit 72f4510dc8
458 changed files with 86075 additions and 1665 deletions
--- a/amll-local/packages/playground/core-legacy/mg.html
+++ b/amll-local/packages/playground/core-legacy/mg.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>AMLL Core Test</title>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<script src="src/mg-test.ts" type="module" defer></script>
+		<style>
+		:root {
+			font-family:
+				-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+		}
+
+		body {
+			max-width: 100vw;
+			width: 100vw;
+			max-height: 100vh;
+			height: 100vh;
+			overflow: hidden;
+			background: #222;
+			margin: 0;
+		}
+
+		#bg {
+			max-height: 100vh;
+			height: 100vh;
+			max-width: 100vw;
+			width: 100vw;
+			overflow: hidden;
+		}
+
+		#result {
+			position: absolute;
+			right: 20px;
+			bottom: 20px;
+			width: 50em;
+			height: 20em;
+			border: solid 1px #3337;
+			background-color: #1117;
+			resize: both;
+			color: white;
+			font-family:
+				"Fira Code", "SF Pro Display", "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+		}
+
+		#result::placeholder {
+			color: #888;
+		}
+
+		.dragger {
+			position: absolute;
+			transform: translate(-50%, -50%);
+			width: 20px;
+			height: 20px;
+			border-radius: 50%;
+			border: solid 3px #8888;
+			cursor: move;
+			user-select: none;
+		}
+
+		.dragger-handle {
+			position: absolute;
+			width: 12px;
+			height: 12px;
+			border-radius: 50%;
+			background-color: #4af;
+			border: solid 2px #fff;
+			cursor: pointer;
+			transform: translate(-50%, -50%);
+			z-index: 10;
+		}
+
+		.dragger-line {
+			position: absolute;
+			height: 2px;
+			background-color: #4af8;
+			transform-origin: left center;
+			pointer-events: none;
+		}
+
+		.active {
+			border-color: #f44;
+		}
+		</style>
+	</head>
+
+	<body>
+		<canvas id="bg"></canvas>
+		<textarea id="result" placeholder="控制点代码将会在这里显示"></textarea>
+	</body>
+</html>