Skip to content

donma/zune-tiles-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

Zune Tiles Player

Zune Tiles Player Snapshot

線上 Demo

👉 Zune Tiles Player Demo


專案說明

很多年前,我其實用 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

自行取用,想改就改。

About

重新用AI寫使用 HTML 重現 Zune Player 的播放效果,歌曲來源轉到 youtube

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages