[Chrome外掛] Yahoo! 氣象台1.1更新版

 

Yahoo! 氣象台 繁體中文版 1.1 點此下載 (安裝教學詳見舊文)

已安裝1.0版Yahoo! 氣象台外掛的用戶不需要移除舊版，可直接安裝升級至1.1版。新版更新的部分有：

1. 新增氣象小圖示(詳見上圖)。
2. 刪除國家別(例如：TW)，僅顯示城市名稱，縮短外掛寬度。
3. 加快更新頻率，從原先的每60分鐘自動更新縮短為30分鐘。

相關文章：

1. [Chrome] Yahoo!氣象台外掛 1.0 (繁體中文版)
2. [教學] 來幫Chrome瀏覽器寫支外掛程式吧!

read more...

IE6，我也不想跟你玩了!

被IE瀏覽器荼毒過的網頁工程師們對這幅諷刺插畫很有感覺吧!

「IE6，我也不想跟你玩了!」

相關連結：

• 圖片來源及創作過程：IE6 denial message for Momentile.com by John Martz
• 滾回去！IE6，我們不想跟你玩！ by jas9

read more...

[Chrome外掛] Yahoo!氣象台 1.0 (繁體中文版)

2009/07/01 update: [Chrome] Yahoo! 氣象台推出1.1更新版 點此下載

最近寫的小作品 ─ Google Chrome外掛： Yahoo! 氣象台 繁體中文版 1.0 點此下載

功能描述

1. 每隔一小時自動更新氣象資訊(預設地區為台北)，並顯示最新氣象資訊於瀏覽器的下方工具列。
2. 使用Google AJAX Language API翻譯氣象資訊，預設語系為繁體中文。
3. 點擊外掛後，連結至Yahoo! 氣象首頁，查詢更詳細的氣象資訊。

準備環境

1. 取得最新版本的Chrome瀏覽器

方法1: 下載安裝新版Chrome(Dev)。
方法2: 下載Google Chrome Channel Changer，將既有的Chrome升級至最新(Dev)版本(詳見舊文)。

2. 允許Chrome使用外掛程式

在Chrome捷徑圖示上 -> 右鍵 -> 內容，跳出對話視窗。將下列參數複製並貼到「目標」欄位的最後面：

--enable-extensions

安裝成功

點此安裝Yahoo! 氣象台外掛，重新啟動瀏覽器後即可在下方的工具列中看到Yahoo! 氣象台外掛囉!

解除安裝

如果需要解除安裝外掛，在Chrome瀏覽器網址列中輸入：

chrome://extensions/

Chrome會列出所有已安裝的外掛程式，按下[Uninstall]按鈕即可解除安裝Yahoo! 氣象台外掛。

Third Party APIs

1. Yahoo! Weather RSS Feed
2. Google AJAX Language API

小結

目前Yahoo! 氣象台外掛只能查詢台北地區的氣象資訊，對居住在其他地區的人來說就不太方便。只是仍在發展中的Chrome瀏覽器還有許多功能尚未開放給外掛程式使用，多少讓創意受到限制。希望Chrome能加緊腳步，開放更多功能滿足開發者的需求。

撰寫Chrome外掛程式不需要學習新的技術，只要熟悉HTML、JavaScript等網頁前端技術就能快速上手。歡迎有興趣的人一起來開發更具創意的外掛，把大家的Chrome瀏覽器變得更加豐富吧!

Update: 亂碼問題

在某些環境下Yahoo! 氣象台出現了中文亂碼。但我無法重建這個Bug，只能猜測是Chrome的預設編碼問題。請依照以下方法轉換語系為UTF-8：

1. 找到瀏覽器右上方的[工具]按鈕，再下拉選單中點選[選項]：

2. 捲軸下拉至最底，點選[變更字型及語言設定]：

3. 在[編碼方式]下拉選單中選擇[萬國碼 (Unicode) (UTF-8)]後，按下[OK]完成設定。重新啟動瀏覽器，確認解決亂碼問題。

Reference

1. [Chrome] Yahoo! 氣象台推出1.1更新版
2. [教學] 來幫Chrome瀏覽器寫支外掛程式吧!
3. 官方網站的Sample Extensions
4. AniWeather Extension
5. Store information with the HTML5 storage and database APIs (soon)

read more...

[Chrome] 讓hiMedia player更像軟體的方法

感謝Nelson大以及撲浪友的推薦，hiMedia player上線的第二天的流量出乎意料地達到單日528人! 這裡再提供一個小技巧，只要跟著下列步驟操作，以後使用hiMedia player聽音樂不僅不需要輸入網址，用起來也更像桌面應用程式喔!

Step 1. 打開Google Chrome瀏覽器，在右上方的功能下拉選單中點選「建立應用程式捷徑」：

Step 2. 在彈出視窗中勾選您希望建立捷徑的位置後，按下[確定]：

Step 3. 回到桌面(或開始功能表/快速啟動列)，此時已成功建立hiMedia player捷徑：

Step 4. 雙擊捷徑圖示後，開啟畫面如下：

建立應用程式捷徑後，hiMedia player用起來就更方便了! 只要網路連線品質愈快愈穩定，有朝一日網路應用程式跟桌面軟體的界線可能會愈來愈模糊。

延伸閱讀：

1. Google Chrome 目前我這樣用：桌面端離線／在線網路應用程式 by 電腦玩物

read more...

hiMedia player ─ 雲端上的媒體播放器

在數位音樂席捲音樂市場的今日，取得與更新mp3音樂卻仍是件苦差事，特別是擁有兩台以上電腦時。首先，使用者得各憑本事取得mp3音樂(這裡、這裡)，之後還得不定時更新硬碟裡的檔案。此時，如果想在兩台以上電腦(例如公司與家中的電腦)聽音樂，則必須重複儲存與更新動輒數GB的mp3檔案，這麼做不僅沒效率也浪費硬碟空間。

於是我希望能有一個音樂播放器，它能滿足下列任性要求：

1. 內建齊全且更新迅速的資料庫，什麼歌都能找到。
2. 使用者介面長得像平常習慣的媒體播放軟體。
3. 能以歌找歌，發現沒聽過的好音樂。
4. 免註冊帳號。
5. 免費。

確定需求後，開始著手打造想像中的播放器。經過近一個月的努力，hiMedia player於是誕生。

作品名稱：hiMedia player ─ 雲端上的音樂播放器 (Preview測試版)

http://www.himediaplayer.com

主要功能描述

1. 即時搜尋YouTube數百萬首線上音樂。
2. 延續桌面軟體的操作介面，容易上手。
3. 連續、隨機等多種播放模式。
4. 以歌找歌，幫助使用者發現新歌曲。
5. 個人化播放清單。
6. 整合Google帳號。
7. 可更換顏色的播放面板。

Demo

hiMedia player大量使用Ajax技術打造，除了到Google驗證帳號外，無論如何操作都不會重新整理頁面。相較於一般網頁，它使用起來的感覺反倒比較接近單機版的媒體播放軟體(如：Windows Media Player等)。

播放中的hiMedia player與功能簡介：

使用個人化播放清單並更換面板顏色：

目標市場

擁有寬頻網路且喜歡聽音樂的網路使用者。

使用情境

自從使用hiMedia player後，再也不需要找管道下載mp3音樂了。只要輸入關鍵字搜尋，就可以找到並直接播放最新的歌曲；喜歡的話，還可以將它加入自己的播放清單隨時播放，完全不佔硬碟空間。hiMedia player將整個YouTube當做音樂資料庫，歌曲齊全且更新迅速。

即使隔天到公司，也不需要再複製一份mp3音樂到公司的電腦，只要打開瀏覽器連上hiMedia player，就可以聽著與家中的電腦裡完全相同的歌曲。

當然，這整個過程都是免費的。使用者甚至可以逐步使用hiMedia player取代傳統的音樂播放軟體。

使用技術

1. Programming Language： Python
2. Infrastructure： Google App Engine
3. Javascript Library：jQuery
4. Third party API：YouTube API

獲利模式

1. 展示型網路廣告。
2. 影音網路廣告。

未來發展

1. 提供已編輯完成的影片播放清單。
2. 群組化的個人播放清單。
3. 可Follow其他使用者公開的播放清單。

小結

雖然Google Docs的功能遠不及MS Office，但自從它解決了多台電腦間檔案同步化的問題後，我已經很少使用單機版的Office了。可惜Google尚未推出類似的網路版media player服務，於是動手寫了hiMedia player來解決自己遇到的問題。

hiMedia player最大的優勢是幫使用者節省找歌與同步化mp3音樂的時間與心力。它是個不折不扣的網站，但介面設計傾向軟體介面，主要是希望使用者能延續桌面播放軟體的操作經驗，降低轉換障礙。在網路連線速度愈快愈穩定的趨勢下，許多單機版的軟體已經逐步往雲端移動，或許下一代的音樂/媒體播放器也會朝著這個趨勢邁進也說不定呢!

對我來說，hiMedia player已經相當夠用了，但若以產品的標準來看，它還有許多進步的空間，功能也稍嫌陽春了些。若您也遇到找歌與歌曲同步化的問題，或許hiMedia player能助您一臂之力喔!

附註：

1. hiMedia player目前仍為Preview測試版，在部分瀏覽器中也仍存在一些待解決的Bug。建議使用Firefox或Google Chrome瀏覽器取得最佳瀏覽效果。
2. 「我的播放清單」內儲存的資料不保證能轉換至正式版，請斟酌使用。

read more...