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

最狂嘴砲戰鬥哥 Amola Li

很多人知道賈伯斯是 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。

▲以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 推出紀念影片,還有幾個小故事

原文網址:https://t17.techbang.com/topics/16972-in-memory-of-jia-bosi-master-of-self-made-web-ipodpc-flat-browsers-can-play?page=1