@ponydev/dsh-phone 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.1 — 2026-10-25
+
+### 修复
+- 云手机在平台侧切换分辨率后画面比例不跟随：预览每 3s 用 `screen-info?fresh` 检测 `wm size`，变化时自动重连流并按新尺寸重启 screenrecord
+- 顶部新增当前流分辨率显示（如 `540×960 · 58fps · 20ms`）
+
 ## 0.3.0 — 2026-10-24
 
 ### 新增

package/lib/adb.js

@@ -309,11 +309,11 @@ export class Adb {
   }
 
   /** 设备物理分辨率（wm size），客户端用它把画面坐标换算成输入坐标；缓存 60s。 */
-  async screenInfo(serial) {
+  async screenInfo(serial, options = {}) {
     await this.assertReady(serial)
     const cached = this._screens.get(serial)
     const now = Date.now()
-    if (cached && now - cached.at < 60_000) return cached.info
+    if (!options.fresh && cached && now - cached.at < 60_000) return cached.info
     const { stdout } = await this._run(['-s', serial, 'shell', 'wm', 'size'], { timeout: 5000 })
     const info = parseWmSize(stdout.toString('utf8'))
     if (!info) throw fail('bad-screen-info', '无法读取设备分辨率')

package/lib/client.js

@@ -392,7 +392,7 @@ window.__ModuleLoader__.load({
         connect: (address) => unwrap('connect', { address }),
         disconnect: (serial) => unwrap('disconnect', { serial }),
         input: (serial, event) => unwrap('input', { serial, event }),
-        screenInfo: (serial) => unwrap('screen-info', { serial }),
+        screenInfo: (serial, options) => unwrap('screen-info', { serial, fresh: Boolean(options && options.fresh) }),
         ping: (serial) => unwrap('ping', { serial }),
         targets: () => unwrap('targets'),
         removeTarget: (address) => unwrap('targets/remove', { address }),
@@ -663,7 +663,8 @@ window.__ModuleLoader__.load({
         let pps = null
         let frames = 0
         let waitingKey = true
-        let reportedSize = false
+        let lastWidth = 0
+        let lastHeight = 0
 
         const resetDecoder = () => {
           if (decoder) {
@@ -694,9 +695,10 @@ window.__ModuleLoader__.load({
                 frames += 1
                 waitingKey = false
                 if (onFrame) onFrame()
-                if (!reportedSize) {
-                  reportedSize = true
-                  if (onSize) onSize(frame.displayWidth, frame.displayHeight)
+                if (frame.displayWidth !== lastWidth || frame.displayHeight !== lastHeight) {
+                  lastWidth = frame.displayWidth
+                  lastHeight = frame.displayHeight
+                  if (onSize) onSize(lastWidth, lastHeight)
                 }
               } finally {
                 frame.close()
@@ -811,6 +813,7 @@ window.__ModuleLoader__.load({
       const [attempt, setAttempt] = useState(0)
       const [toast, setToast] = useState(null)
       const [fps, setFps] = useState(0)
+      const [streamSize, setStreamSize] = useState(null)
       const [rtt, setRtt] = useState(null)
       const frameCounter = useRef({ count: 0, at: typeof performance !== 'undefined' ? performance.now() : Date.now() })
       const streamStatus = useStream(
@@ -821,7 +824,10 @@ window.__ModuleLoader__.load({
         attempt,
         quality,
         (w, h) => {
-          if (w > 0 && h > 0) setRatio(w / h)
+          if (w > 0 && h > 0) {
+            setRatio(w / h)
+            setStreamSize({ width: w, height: h })
+          }
         },
         () => {
           frameCounter.current.count += 1
@@ -831,17 +837,27 @@ window.__ModuleLoader__.load({
       useEffect(() => {
         if (!serial) return undefined
         let alive = true
-        api
-          .screenInfo(serial)
-          .then((info) => {
-            if (alive && info && info.width && info.height && info.width > 0 && info.height > 0) {
-              setDeviceSize({ width: info.width, height: info.height })
-              setRatio(info.width / info.height)
-            }
-          })
-          .catch(() => {})
+        let last = null
+        const apply = (info) => {
+          if (!info || !info.width || !info.height || info.width < 2 || info.height < 2) return
+          const changed = last && (last.width !== info.width || last.height !== info.height)
+          last = { width: info.width, height: info.height }
+          setDeviceSize(last)
+          setRatio(info.width / info.height)
+          // 设备分辨率变了（云手机平台切换）：重连流，让 Host 按新尺寸重启 screenrecord
+          if (changed) setAttempt((value) => value + 1)
+        }
+        const check = async () => {
+          try {
+            const info = await api.screenInfo(serial, { fresh: true })
+            if (alive) apply(info)
+          } catch {}
+        }
+        check()
+        const timer = setInterval(check, 3000)
         return () => {
           alive = false
+          clearInterval(timer)
         }
       }, [serial])
 
@@ -1038,6 +1054,7 @@ window.__ModuleLoader__.load({
         ratio,
         immersive,
         deviceSize,
+        streamSize,
         frameUrl,
         error: errorNow,
         loading: loadingNow,
@@ -1657,7 +1674,16 @@ window.__ModuleLoader__.load({
                 qualityLabel(quality, t),
               )
             : null,
-          selected ? h('span', { className: 'dph-perf', title: t('quality') }, preview.fps + 'fps · ' + (preview.rtt == null ? '—' : preview.rtt + 'ms')) : null,
+          selected
+            ? h(
+                'span',
+                { className: 'dph-perf', title: t('quality') },
+                (preview.streamSize ? preview.streamSize.width + '×' + preview.streamSize.height + ' · ' : '') +
+                  preview.fps +
+                  'fps · ' +
+                  (preview.rtt == null ? '—' : preview.rtt + 'ms'),
+              )
+            : null,
           h('div', { className: 'dph-grow' }),
           rightButtons,
         ),

package/lib/index.js

@@ -95,7 +95,7 @@ export function apply(ctx, rawConfig) {
       case 'ping':
         return ok(await adb.ping(String(payload.serial || '')))
       case 'screen-info':
-        return ok(await adb.screenInfo(String(payload.serial || '')))
+        return ok(await adb.screenInfo(String(payload.serial || ''), { fresh: payload.fresh === true }))
       case 'disconnect':
         return ok(await adb.disconnect(String(payload.serial || '')))
       case 'input':
@@ -151,7 +151,7 @@ export function apply(ctx, rawConfig) {
               if (preset) {
                 openOptions = { bitRate: preset.bitRate }
                 try {
-                  const info = await adb.screenInfo(serial)
+                  const info = await adb.screenInfo(serial, { fresh: true })
                   const dims = streamSizeFor(info, preset.shortSide)
                   if (dims) openOptions.size = dims.width + 'x' + dims.height
                 } catch {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ponydev/dsh-phone",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "DSH Web 插件：右侧栏预览并点按控制已连接的 Android 设备（adb）",
   "keywords": [
     "dsh",