很多年前,我其實用 Silverlight 做過一版 Zune 風格播放器。
那時候真的很喜歡 Zune 的 Now Playing 畫面。
磁磚動態背景、黑底大字、專輯封面滿版流動,那種設計在當時其實非常前衛。
後來 Silverlight and Zune 都被遺棄了。
我就一直想說要用 HTML 重新做一版。
然後就這樣拖著。
做到一半停住。
重寫一版又停住。
背景磁磚寫了一半就懶得優化。
直到現在有 AI。
乾脆一次把它補完。
這一版是:
- 純 HTML / CSS / JavaScript
- 重現 Zune 風格的動態磁磚背景
- 重新設計 Now Playing 介面
- 整合 YouTube IFrame Player API
- 可以直接播放 YouTube 音樂清單
那些原本一直懶得做完的細節,就請 AI 協助補齊。
然後再自己慢慢調整到順眼為止。
- 動態 Mosaic 磁磚背景
- 不規則尺寸專輯拼貼
- 3D Y 軸翻轉效果
- 播放控制(Play / Pause / Next / Prev)
- YouTube 播放清單支援
- 純前端運行
沒有商業目的。
單純就是當年沒完成的東西,現在把這補完並且致敬那個單純的年代
- HTML5
- CSS3
- Vanilla JavaScript
- YouTube IFrame Player API
沒有框架。
沒有 build。
沒有打包。
就是一個可以直接跑的 Web 專案。
這不是 100% 模擬 Zune,
而是把「那個時代的設計感」用現在的瀏覽器重新呈現。
如果你也曾經用過 Zune,
應該會懂那種味道。
MIT License
自行取用,想改就改。
