LiveScreen 0-BYTE UPLOAD · LIVE PHOTO MUXER
純前端影片轉 iOS 原況桌布 (.JPG + .MOV / .livp) · 0 位元組上傳
100% 本地内存合成 · 0 字节上传
← 返回原況桌布工作台 ❓ 常見問題 (FAQ)

LiveScreen 影片轉 iOS 原況照片與動態鎖定畫面二進位封裝原理

LiveScreen 是基於瀏覽器 WebCodecs 硬體 H.264 編碼器、Canvas 2D 與純 JavaScript 二進位封裝器打造的影片轉 iOS 原況桌布(Live Photo)工作台,在本機記憶體完成全部合成並向遠端伺服器上傳 0 bytes 影片資料。

LiveScreen 嚴格遵循 Apple ImageIO 與 AVFoundation 雙端配對規範,在封面 .JPG 中寫入 Big-Endian TIFF 與 Apple iOS MakerNote 0x0011 (ContentIdentifier),在 .MOV 容器中同步寫入 com.apple.quicktime.content.identifier 與 9 bytes mebx still-image-time 定時元資料軌,支援 4 種語言、.livp 歸檔與 iOS Safari 一鍵直存相簿。

⚙️ 六大核心 Apple Live Photo 本機編碼與元資料封裝模組

01 · JPEG APP1 EXIF 與 Apple MakerNote (0x0011) 二進位寫入器

Module 01 · MakerApple 0x0011

LiveScreen 在瀏覽器記憶體重構 JPEG 0xFFE1 段,剝離冗餘隱私標籤並寫入大端序 MM TIFF 標頭與 14 bytes Apple iOS\0\0\1MM 廠商標頭,於相對位移 0x20 處精確寫入標籤 0x0011 的 36 字元 UUID(0 bytes 上傳)。

APP1 Header = FF E1 <Len> "Exif\0\0" + Big-Endian TIFF ("MM", 0x002A) MakerNote (0x927C) = "Apple iOS\0\x00\x01MM" + Tag 0x0011 (ASCII, len=37, offset=32) → UUID

02 · QuickTime .MOV 頂層 mdta 與關聯 mebx 封面時間戳軌道

Module 02 · QuickTime mdta & mebx

LiveScreen 建立原生 ftyp qt 容器,在 moov/meta 原子內寫入 com.apple.quicktime.content.identifier,並透過 tref/cdsc 軌道參照綁定 mebx (still-image-time) 9 bytes 取樣與 elst 位移,確保 iOS 相簿 100% 自動合併。

Top Metadata = moov → meta → hdlr("mdta") + keys("com.apple.quicktime.content.identifier") Timed Track (mebx) = trak → tref/cdsc(track=1) + edts/elst(T_cover) + mdat[00 00 00 09 00 00 00 01 00]

03 · WebCodecs H.264 (Level 5.1 avc1) 硬體編碼與 Photo-JPEG 備援

Module 03 · WebCodecs H.264 60fps

LiveScreen 自動偵測瀏覽器 VideoEncoder 對 avc1.640033 至 avc1.420028 的硬體加速能力,支援將 MP4 影片轉為最高 1320×2868 @ 60 fps 超 Retina 輸出並在封面幀插入 IDR 關鍵幀(0 bytes 上傳)。

AVC Profile Probe = VideoEncoder.isConfigSupported(["avc1.640033", "avc1.4d0033", "avc1.420028"]) Keyframe Placement = forceKeyFrame(i === 0 || i === coverFrameIdx || i % fps === 0)

04 · 橫向動漫/電影毛玻璃直向重構與鎖屏時鐘防撞色暗角

Module 04 · Landscape Blur & Clock Guard

LiveScreen 針對 16:9 橫向 MP4 影片提供 9:19.5 流光毛玻璃背景填充、OLED 純黑省電置中與全螢幕焦點裁切模式,支援頂部暗角漸層並將偏好儲存在 localStorage(0 bytes 上傳)。

Aspect Presets = {1320×2868, 1206×2622, 1179×2556, 1290×2796, 1080×1920, 1668×2388} Clock Vignette α = LinearGradient(y: 0 → 0.42·H, alpha: 0.85·dimRatio → 0)

05 · 零重編碼 ISO-BMFF 原子無損重綁與 PKZIP (.livp) 單檔案打包

Module 05 · Lossless Re-Linker & .livp

LiveScreen 內建無損原子修補器與 IEEE 802.3 CRC-32 封裝器,無須重編碼影片像素即可改寫既有 .MOV 的 stco/co64 區塊位移與原況 UUID,並在 2 ms 內封裝標準 IMG_XXXX.livp 與 .zip 雙檔案包。

Chunk Offset Shift = stco[k] ← stco[k] + (NewMediaOffset - OldMediaOffset) Archive Container = PKZIP Store (0x04034B50, method=0, CRC-32) → IMG_XXXX.JPG + IMG_XXXX.MOV

06 · iOS Web Share 相簿直存與 0-Byte 零上傳嚴格 CSP 沙箱

Module 06 · Zero-Upload & iOS Share

LiveScreen 遵循 default-src 'none' 與 SHA-256 腳本雜湊安全基準,所有影片解碼、音訊重採樣與二進位合成 100% 駐留本機記憶體(0 bytes 上傳),並透過 navigator.share 雙檔案介面一鍵直存 iPhone 照片 App。

Server Upload = 0 bytes (100% Client-Side Blob, ArrayBuffer & WebCodecs) iOS Direct Import = navigator.share({ files: [File(IMG.JPG), File(IMG.MOV)] })

🔬 LiveScreen 三步將任意影片轉為 iPhone 動態鎖定畫面 (3 Steps)

100% 瀏覽器本機記憶體執行、零伺服器上傳、原生 Apple 原況 UUID 配對與實機鎖屏預覽工作流
  1. 01 · 拖入本機影片或一鍵切換內建 60fps 動態桌布測試源

    LiveScreen 在第 1 步支援拖入本機 MP4、MOV、WebM 影片(0 bytes 上傳),或零等待體驗極光流體、賽博霓虹等 60fps 動態桌布源,自動適配 iPhone 16 Pro Max (1320×2868) 等全系機型比例與橫向毛玻璃補邊。

  2. 02 · 擷取 1.5–3.0 seconds 黃金時長並在鎖屏模擬器指定封面幀

    LiveScreen 支援滑選 iOS 17–26 鎖屏最佳運動時長(1.5–3.0 seconds,0 bytes 上傳),點擊 6 幀膠片縮圖精確指定 still-image-time 定格幀,並在帶動態島與 09:41 時鐘遮罩的模擬器中長按預覽縮放定格效果。

  3. 03 · 寫入雙端配對 UUID 並直存 iPhone 相簿或下載 .livp

    LiveScreen 在 2 seconds 內產生共享同一 36 chars UUID 的 .JPG 與 .MOV 及 .livp 單檔案包(0 bytes 上傳);iPhone Safari 用戶可點擊一鍵分享選擇「儲存 2 個項目」直存相簿,Mac 用戶可解壓 .zip 後雙選 AirDrop 至手機。