緬懷賈伯斯，高手自製網頁版 iPod，PC、平板、各瀏覽器都可玩

很多人知道賈伯斯是 iPhone 的主要推手，不過說起 Apple 從谷底奮起，逐步成為世界上的科技強權，不能不提到 iPod 的貢獻。總部在孟買的網頁設計團隊 Inventika Solutions 做了不一樣的事，他們利用 HTML5 與 CSS 設計出了一台網頁介面 iPod，並準備了上千首歌可聆聽。

很多人對 iPod 的印象是招牌操作介面 Click Wheel 上。而 iPod 本身也不是第一款音樂播放器。但它的問世確實讓世界為之震動，許多廠商開始針對iPod的特色修改自己的產品，或是針對iPod的訂價推出更低價位的產品來搶攻市場，但10年後，iPod的大名仍然流傳下來，並成為音樂播放器的代名詞之一。

但iPod並不是便宜到人人都可以輕鬆買的起的玩具，也有許多人批評它只是金玉其外，因為流行而哄抬價格，但它仍然是許多年輕人嚮往的一個產品。

紀念賈伯斯不能只提到手機，也得提到iPod，因此這個「網頁版」iPod由網頁設計團隊Inventika Solutions之手誕生了。這個網頁iPod與第一代iPod有著相同的外觀，操作方式也與iPod相同，Click Wheel更是可用滑鼠實現操作。筆者使用The new iPad開啟網頁，利用觸控螢幕來控制網頁上的iPod，也可以像是操作真正的初代iPod一樣操縱著這個網頁版的iPod。

• 網頁版iPod展示網頁：http://inventikasolutions.com/demo/iPod/

▲以Chrome、Firefox、Opera瀏覽器都可以操縱的網頁版iPod，還可以聽歌。

▲用IE9開啟，介面有九成能正常顯示，但「甜甜圈」看起來斷了。

▲以iPad上的Chrome開啟網頁，在進度條出現小問題，但使用上沒有問題，筆者更發現到有背景播放的效果。

▲iOS版Safari毫無疑問的可完全支援，並擁有背景播放效果，這個iPod模擬器的完成度比想像中還高。

消息來源：Inventika Solutions的粉絲團

延伸閱讀：

HTML5 網路的大未來，各家瀏覽器的實際應用與未來發展

【O專欄】搭配網路標準讓HTML5 Video更活潑

Apple 發表觸控螢幕的 iPod nano，螢幕、處理器升級還能照相的 iPod touch

iPhone 5 新耳機長這樣？ iPod / iPhone 8款原廠耳機歷史回顧

賈伯斯過世一週年，Apple 推出紀念影片，還有幾個小故事