feat: add scaled wrapper page for netease web player

2026-08-17 19:09:31 +08:00
parent 00f8bc674a
commit 703621f9d7
2 changed files with 46 additions and 1 deletions
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>网易云音乐</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body { width: 100%; height: 100%; overflow: hidden; background: #1a1a1a; }
+  #frame {
+    position: absolute;
+    top: 0; left: 0;
+    width: 1280px;   /* 网易云 PC 版参考宽度 */
+    height: 720px;   /* 参考高度（16:9） */
+    transform-origin: 0 0;
+    border: none;
+  }
+</style>
+</head>
+<body>
+<iframe id="frame" src="https://music.163.com/st/webplayer" allow="autoplay; encrypted-media"></iframe>
+<script>
+  // 动态缩放：使网易云 PC 版 UI 适配 Hearth 的内容区（横屏）
+  // Dynamically scale the NetEase PC UI to fit Hearth's landscape content area
+  (function () {
+    var FRAME_W = 1280;
+    var FRAME_H = 720;
+    function fit() {
+      var frame = document.getElementById('frame');
+      var w = window.innerWidth;
+      var h = window.innerHeight;
+      var scale = Math.min(w / FRAME_W, h / FRAME_H);
+      frame.style.transform = 'scale(' + scale + ')';
+      // 缩放后居中
+      var sw = FRAME_W * scale;
+      var sh = FRAME_H * scale;
+      frame.style.left = ((w - sw) / 2) + 'px';
+      frame.style.top = ((h - sh) / 2) + 'px';
+    }
+    window.addEventListener('resize', fit);
+    fit();
+  })();
+</script>
+</body>
+</html>