[Chrome外掛] Y! 氣象台 v1.3 新增使用者自定選項

2009/11/1

點此下載 Y! 氣象台1.3版 (安裝說明)

新版特色:新增地區、語言與溫度單位自定選項

Y! 氣象台1.3版讓使用者可以自定各項偏好。使用滑鼠點選上圖紅色方框處,開啟[Y! 氣象台::偏好設定]頁面,您可以在這裡設定地區、語言以及溫度單位:

地區:提供全台各地、中國、亞洲與世界各國主要城市的氣象資訊。

語言:翻譯成您所偏好的語言,例如選擇[東京] –> [English],則瀏覽器下方的工具列將顯示翻譯成英文的東京地區氣象,如下圖。

溫度單位:提供攝氏(°C)與華氏(°F)兩種單位,例如選擇[Paris] –> [Français] –> [華氏(°F)],則出現翻譯成法文,以華氏為單位的巴黎氣象資訊,如下圖。

點此下載 Y! 氣象台1.3版 (安裝說明)

相關文章

  1. Tutorial: Getting Started (Hello, World!)
  2. [Chrome外掛] Y! 氣象台 v1.2 
  3. [Chrome外掛] Y! 氣象台 v1.1
  4. [Chrome] Yahoo!氣象台外掛 v1.0 (繁體中文版)
  5. [教學] 來幫Chrome瀏覽器寫支外掛程式吧!
  6. [Chrome] 如何挖出外掛程式的原始碼

read more...

[Facebook App] 社群音樂播放器 ─ 開心收音機

2009/10/27

開心收音機是今年參加Yahoo! Open Hack Day 2009的作品,基本的想法是把舊作hiMedia player加上社群功能,把會員與認證功能從Google轉換到Facebook,將它變成當紅的Facebook應用程式。如同舊文所述,開心收音機並沒有獲得現場評審的青睞,只能說Yahoo! Open Hack Day真是臥虎藏龍啊!

作品名稱:[Facebook App] 社群音樂播放器 ─ 開心收音機

http://apps.facebook.com/happy_radio/

DEMO

1. 聽歌不用mp3

使用開心收音機,聽歌再也不需要mp3了。只要搜尋歌名或歌手關鍵字,即可找到您想聽的音樂。喜歡的話,還可以收藏到播放清單,即使在不同電腦,也能聽相同的音樂!

2. 發現Facebook好友的音樂品味

聽膩自己的收藏的音樂嗎? 何不到處看看Facebook上的好友們都在聽些什麼? 也許他們有著令人出乎意料的音樂品味喔! 同樣的,遇到喜歡的歌曲也可以把它收藏起來。

 

除此之外,您還可以瀏覽本月、本週甚至當日的熱門音樂排行榜。同時開心收音機也能替您以歌找歌,找出類似曲風或這位歌手的其他音樂作品。準備好您的音樂清單後,可以選擇連續或隨機播放模,一邊工作一邊收聽開心收音機當作背景音樂,完全不需動手。

3. 分享當下的感動

如果聽到了一首有Fu的歌,可以使用分享至塗鴉牆功能,將這首歌貼到您的Facebook塗鴉牆上與好友們分享此刻的感動。當然,過程中音樂是不會掃興中斷的。

使用技術

  1. Programming Language: Python
  2. Infrastructure: Google App EngineFacebook
  3. JavaScript Library:jQuery
  4. Third party API:YouTube APIPyFacebookFacebook JavaScript Client API

小結

開心收音機是一個社群化的音樂播放器。相對於只聽自己的曲目,我還蠻喜歡到處看朋友在聽什麼,經常會發現一些令人回味再三的老歌或平常不可能去搜尋的音樂類型,感覺「聽音樂」這件事因此變得有趣多了呢!

延伸閱讀

  1. hiMedia player ─ 雲端上的媒體播放器
  2. Yahoo! Open Hack Day 2009 作品整理
  3. Facebook應用程式開發教學 ─ GAE入門
  4. Facebook應用程式開發教學 ─ 入門篇(上)
  5. Facebook應用程式開發教學 ─ 入門篇(下)

read more...

解決Flash遮住JavaScript特效的小技巧

2009/10/26

對許多Front-end工程師來說,同時在網頁處理Flash物件與JavaScript是很麻煩的一件事,例如Flash往往與JavaScript爭先恐後搏版面,遮住JavaScript的彈出視窗效果(如下圖),此時就算把z-index參數加到破表都沒有辦法掙脫Flash的枷鎖。有些工程師可能使用iframe迂迴各個擊破,不過這裡要提供更簡單的方法讓JavaScript效果重現天日!

使用SWFObject嵌入Flash物件

為了解決這個問題,我們使用SWFObject而非<object>標籤來嵌入Flash物件,以插入一則YouTube影片為例,原本的程式碼如下:


<script type="text/javascript" src="swfobject.js"></script>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>

<script type="text/javascript">

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
"ytapiplayer", "425", "356", "8", null, null, params, atts);

</script>


但光這樣仍無法逼退頑強的Flash物件,如下圖:

再加上wmode參數加持,就可以輕鬆搞定:


<script type="text/javascript" src="swfobject.js"></script>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>

<script type="text/javascript">

var params = { allowScriptAccess: "always", wmode: "transparent" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
"ytapiplayer", "425", "356", "8", null, null, params, atts);

</script>

如此一來,JavaScript彈出效果終於重見光明:

很容易吧! 或許應該建議開心農場的開發團隊試一試:

延伸閱讀:

  1. 解決 Flash 蓋住彈出目錄的方法
  2. swfobject

read more...

Yahoo! Open Hack Day 2009 作品整理

2009/10/21

週末參加了Yahoo!奇摩舉辦的Open Hack Day活動,雖然我們沒得獎,但整體說來現場的活動氣氛非常好,有無限的食物、遊戲與正妹陪著Hackers快快樂樂寫程式。第二天的作品發表會也很有意思(得獎名單),這裡整理了我在網路上找到的作品,有興趣的人可以上去玩玩看。

參賽作品

1. 開心收音機 (服務簡介)

http://apps.facebook.com/happy_radio/

開心收音機

開心收音機是我們隊的作品,基本上就是把hiMedia player加上社群功能,改寫成Facebook應用程式。後端採用YouTube當做音樂資料庫,從此聽歌不用下載mp3。哪天聽膩了自己的歌,可以去聽朋友收藏的歌,喜歡的話還可以把它們帶回家,加到自己的播放清單喔!

2. 我是專家 (XDite服務簡介ihover)

http://imexpert.tw/

我是專家

3. 旅伴篩選器2.0 (作者Blog)

http://2go2see.com/test/v02/index.php

旅伴篩選器2.0

4. 瘋狂醫院 (服務簡介)

瘋狂醫院

5. StreetImage 2.0

http://www.streetimage.tw/

StreetImage 2.0

6. Wretch 大頭貼

http://wretch.ccn.tw/

Wretch 大頭貼

7. 雅基百科 Judges Special Award!

http://yikipedia.net/

雅基百科

8. Social 2.0

http://www.ms.tku.edu.tw/imna/print.aspx

Social 2.0

9. YusReader.com Judges Special Award!

http://yusreader.com/loginpage.php

YusReader.com

10. WeeePhoto (服務簡介) Best Connected TV Award!

http://mbsapp.no-ip.org/weeephoto

WeeePhoto

11. UrBar beta (服務簡介)

12. My Social Album (尚未開放,服務簡介) Best Wretch Hack!

13. isGoodJob (尚未開放,作者blog) Best Search Hack!

http://www.isgoodjob.com/

14. YA! Mail Best Mail Hack!

http://blog.hiiir.com/?p=126

15. Hacking the Router Honorable Mention!

http://josephj.com/entry.php?id=300

活動現場

親切且健談的無名美女群

最近在國外引起爭議的Hack girls熱舞表演,連Yahoo美國主管Chris Yeh都道歉了,明年大概不會再有了吧!?

隊員喝醉,不,是寫程式累倒了...

圖片來源

相關連結

  1. 官方噗浪帳號:openhacktaiwan
  2. Taiwan Open Hack Day by Yahoo! Developer Network Blog
  3. Open Hack Day:無名小站API最受歡迎 by ZDNet
  4. [Open Hack Day餘波]台灣正妹熱舞遭砲轟 Yahoo美國出面道歉 by ZDNet
  5. 開發人員看Open Hack Day正妹熱舞:呈現台灣工程師文化 by ZDNet
  6. 網路開發飆創意 「無名正妹隨你差遣」 by 中廣新聞網
  7. 讓正妹轟炸無名部落格 2009 Open Hack Day得獎名單揭曉 by Yahoo! News
  8. Yahoo! Open Hack Day:社群服務開發受歡迎 by iThome
  9. Open Hack Day 在地、社群應用火熱 by RUN!PC
  10. Yahoo Open Hack Day 開始! by 癮科技
  11. 前幾天辦的 Yahoo! Taiwan Hack Day by Gea-Suan Lin’s BLOG
  12. Yahoo! open hack day by 紅色死神
  13. Y! Open Hack 08 印象最深的作品 by 花水妹

read more...

如何解決GAE安裝過程中的error code 2908錯誤

2009/10/14

剛剛在Windows XP環境下把Google App Engine SDK升級至最新的1.2.6版,在安裝過程中竟跳出error code 2908的錯誤訊息。解決後簡單筆記如下。

解決步驟

1. 開啟登錄編輯程式(Registry Editor)

2. 直接搜尋機碼B3414A45B4B628042B8446B35265C1BC或者手動尋找其目錄:

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\
Installer\UserData\S-1-5-21-1123561945-1935655697-1060284298-1003\
Components\AD95649F068525549B26938D7D18FEA7

3. 刪除後,即可順利安裝Google App Engine SDK

參考資料

  1. Windows Installer Error 2908 when installing bulky setup projects

read more...