聽 Gorillaz 樂團，IE9 邊看邊玩

微軟的新版瀏覽器IE9 Beta推出已經有一週了，發表當時也運用了他們擅長的絕招，拉著一群協力廠商一起助陣。其中有一組特別佳賓是Gorillaz虛擬樂團，小編這兩天才實際上去玩過，除了更仔細認識IE9的釘選網頁功能，還發現這個樂團本身非常的酷，推薦大家順道一起玩。

Gorillaz原本就有個功能五花八門的官網，有趣的是，IE9標榜支援HTML5，不必透過外掛就能產生各種多媒體與互動特效，但是Gorillaz有許多遊戲卻是透過Flash外掛操控的，於是網站上又開設了另一個「Murdoc's Club Room」入口，集中展示HTML5的特效畫面。

Gorillaz是來自英國的樂團，雖然英文官網讓人眼花撩亂，台灣網站相對就顯得十分陽春，當然也就沒有代言IE9的訊息整理。台灣將Gorillaz的團名翻譯成「街頭霸王」，但大陸則是取為「街頭頑童」，因為在大陸街頭霸王已經是格鬥遊戲《快打旋風》的譯名了。

▲Gorillaz全球官網：http://gorillaz.com，gorilla這個字是大猩猩的意思。

▲為了IE9特別開設的Club Room，所有特效都是以HTML5做成。

▲相較起來由金牌大風代理的台灣網站就只有靜態展示而已。

Club Room的背景是一大片展示牆，擺的都是和Gorillaz有合作關係的人物，順便簡介一下，負責展示的是團長兼貝斯手Murdocs，另外的樂團成員還有吉他手Noodle、主唱2D、鼓手Russel Hobbs。

因為是虛擬人物，所以他們的個性鮮明，甚至遊走在社會制度、法律的邊緣也無傷大雅，Noodle目前疑似被炸死，由團長組裝了另一個生化人代替。

回到正題，展示牆的重點是經由IE9標榜的硬體加速功能，相框往前滑動的特效會更順暢，不過如果電腦的處理器夠快，其實也感覺不到差別。

▲點選Gorillaz Club Room上的展示牆，會顯示和相框人物有關的連結。

▲上一張吉他手Noodle沒什麼資料，主唱2D則可以從網頁上直接播他唱過的歌。

這個展示網頁的連結路徑其實不多，其他可以逛的內容都放在右側的圓桌上，點開Murdocs的筆電後，會呈現虛擬的桌布和彈出HTML5的影片視窗，桌布上還有IE9和佈景主題的下載連結，微軟還不忘置入行銷一下，如果用非IE9瀏覽器開啟，佈景主題的連結就會改成「請換成IE9再回來」的提示文字。

▲按下圓桌上的電腦，會秀出虛擬的螢幕，上面有團長Murdocs的代言影片和一些下載連結。

▲Windows 7佈景主題主要可以換桌布，還有Murdocs配音的各種系統音效。

▲一共有9張桌布可以輪播。

▲示範頁面包括了Murdocs人頭飛行動畫，還有Russel Hobbs狂吃餅乾的小遊戲。

▲按下圓桌上的書，可以了解一下四名團員的身世背景。

除了展示網頁特效，將Gorillaz主站釘選到工作列，也可以發現它已經實作了各種相關的捷徑和圖示。微軟在官方部落格上分享，網頁釘選的功能主要靠<meta>標籤和JavaScript來控制，<meta>標籤可以在Jump List寫入一些設好的連結位址，比方會員個人頁、檢視新訊息等等。如果是透過JavaScript程式控制，還可以透過記錄使用者偏好來產生關聯的捷徑，比方在線上廣播網站裡快速欣賞特定類型的音樂。

如果你用過Windows 7的Windows Media Player，應該很習慣從工作列上的縮圖裡按播放、上一首、下一首等迷你工具列，不必打開主視窗也能快速操控。當初微軟在Windows 7開發這些功能，原本就是讓其他應用程式也可以自訂專屬的Jump List和縮圖控制按鈕。而各個瀏覽器到最近才慢吞吞的加入Jump List，foobar2000還得靠外掛才能支援，沒想到微軟這招順便也幫雲端程式鋪路，另人驚艷。

當Gorillaz捷徑視窗瀏覽到了它的G-Player頻道，縮圖上的小工具列就會帶出上一首、下一首、播放及暫停，甚至還有購買單曲的按鈕哩。對於已經習慣在網頁上大量看影片、聽音樂的我們，這樣的設計可以說是超級方便。