分類
好用軟體

線上剪mp3

一般我們在做手機鈴聲時, 可能會需要音樂剪裁, 把中間的副歌, 或是某個段落剪出來, 這時候會用到這樣的工具. 而這個工具剛好是又方便, 又簡單, 而且除了免安裝外, 還是線上的版本呢.

網址: http://cutmp3.net

望網址生義, 看得出來就是用來剪 mp3 音樂用的. 它使用了 flash 的方式, 把音樂做 local 的剪輯, 而非整首歌上傳, 線上拉出要剪裁的位置, 就能方便地剪出自己需要的區塊, 然後存出檔案, 真是方便又好用呢!!

上面的 scrollbar 是用來平移整首音樂的位置, 而下方的兩個三角點, 則是剪裁的開始位置及結束位置, 下方會有整首音樂的時間點, 還要剪出來的時間點, 方便查找, 而中間的音波表, 會有剪出區塊的反白顯示, 整個工具很容易方便上手, 應該是不太需要教學就能自行操作的好工具.

分類
好用軟體

Google縮短網址服務-免安裝Chrome

這是個邊練功邊做出來的小玩意.

之前在 Google 上有個服務是縮短網址的, 名為 goo.gl (http://goo.gl/), 不過, 目前僅能用在像是 google maps 的 labs 服務上, 參閱: http://briian.com/?p=7105 , 或是需要安裝 Google Chrome 套件, 參閱: http://sofree.cc/goo-gl/

現在不用這麼麻煩了, 直接線上使用網頁的方式, 就能直接產生給你, 請連結: http://sample.diary.tw/goo.gl/ 或是 http://goo.gl/danL (先縮了), 就可以將需要縮短的 url 透過這個方式來縮短.

程式實作也很單純, 只是利用了一個 web request 到 goo.gl 的 api 服務, 程式碼如下:

include("HttpClient.class.php");

$u = $_GET["u"];

$client = new HttpClient("goo.gl");
$client->setHandleRedirects(false);
if (!$client->post("/api/[email protected]&url=" . urlencode($u), array("a"=>"1") )) {
    die('An error occurred: '.$client->getError());
}
echo $client->getHeader("Location");

利用了 HttpClient 的 php class, (參閱: http://scripts.incutio.com/httpclient/ ), 並 post 資料到 http://goo.gl/api/[email protected]&url=[url], 取回 Location header 即可.

若有需要直接取用的網友, 可以訪問 http://sample.diary.tw/goo.gl/u.php?u=[url] 就可以取得了. 例如: http://sample.diary.tw/goo.gl/u.php?u=https://diary.tw/tim

免安裝, 免外掛, 直接線上使用 goo.gl 的 google shortener url 縮網址服務
http://sample.diary.tw/goo.gl/

[2010/7/23 13:40]
剛發現, goo.gl 的 api, 可以不用帶前面的 [email protected] 參數, 所以整個就只要如下的 url 即可:

...
if (!$client->post("/api/url?url=" . urlencode($u), array("a"=>"1") )) {
    die('An error occurred: '.$client->getError());
}
...

 

分類
好用軟體

Google Maps的圖資

Google Maps, 一直是我很愛的工具, 因為什麼都能找, 幾乎都找得到, 再加上 web 2.0 的功能, 使用者照片, 資訊提供等, 整個就是一個地圖 wiki, 很棒.

今天在用的時候, 發現下方有個圖資提供 KingWay, 就是圖資的提供公司, (當然, 這是台灣的部分), 其他國家還有其他國家的圖資提供者, 而且好玩的是在不同的放大比例時, 顯示的地圖圖資來源也會不同, 簡單地說, Google 和其他圖資商購買圖資供應用, 而在放大不同比例下有不同圖資提供商的地圖來源, 在跨國地區時, 也會有跨國地區的圖資商出現, 很有意思, 以下是幾個擷圖來說明:

1. 在台灣, 應該都是 KingWay:
2. 縮小一點來看: 除了 Kingway 外, 還有 Mapabc, Tele Atlas, ZENRIN 等.
3. 相同比例換成空照時, 就是 TerraMetrics:
4. 縮得更小時, 全球地圖只有 google 耶.
讀者可以自行試著玩看看, google maps 的圖資來源很多, 在不同的地理位置, 會有不同的資訊提供者, 非常有意思. 這裡有 google 地圖的服務條款: http://www.google.com/intl/zh-TW_tw/help/terms_maps.html

分類
好用軟體

IE9/Safari5/Firefox3/Chrome大車拼

繼剛寫了Safari5發表的文章後, 想說順便跑一跑其他家的一起來拼一拼.

以下測試 ACID3 是用: http://acid3.acidtests.org/
而 javascript 效率的 Webtest 是用: http://www.101asian.com/webtest.htm

先來看看 IE9 的:
UA: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)(HTTP_USER_AGENT)

ACID3: 68分
WEBTEST: 27ms
再來是 Safari 5的:

分類
好用軟體

Safari5發佈

之前 safari 4發佈時, 曾下載試用過, 不過效果真的不好, 不僅排版問題, 再加上相容性似乎也不是很好. 在這次 WWDC 大會上的重頭戲是 iphone 4, 不過還有另一個重要的新版本, 就是 Safari 5, 同樣地, 也下載來玩看看.

安裝檔約33MB, 內建多國語言了, 這次感覺比上次的 4版好太多了, 無論是相容性及介面的呈現效果, 另外有個重要的改變, 就是 apple 力挺的 HTML5, 不知是不支援 flash 後, 必須的狀況, 還是什麼著, 不過無論如何, 新的 HTML 5是一個很重要的標準, 但反過來說, Developer 就累了.

接著來測一下 javascript 的效能: http://www.101asian.com/webtest.htm, 效能不錯.

另外也測試一下 ACID3: http://acid3.acidtests.org/, 拿了滿分耶:

有機會可以用看看 Safari 5的效果, 相信會有個不錯的使用者經驗. 連結在此: http://www.apple.com/safari/

另外還有一些相關資料也可以參考一下:
http://www.bnext.com.tw/focus/view/cid/103/id/15092
http://www.techbang.com.tw/posts/2741-the-new-safari-5-built-in-read-mode-obediently

分類
好用軟體

Microsoft IE9 Demo

剛在找 HTML5 的資料時, 發現 IE9 已支援 HTML5 的不少功能. 上網查一下, 有個 Internet Explorer 9: Platform Demos, 連結在此: http://ie.microsoft.com/testdrive/

其中有許多 Demo 的項目, 有趣的是在 Speed Demos 中有一些 Javascript 的效能測試, 例如像是 Flying images: http://ie.microsoft.com/testdrive/Performance/01FlyingImages/Default.html 可以用來測試用 Javascript 測試動畫效率的 Demo 頁, 也可以跑在現有的瀏覽器上. IE9 新的 Chakra 希望能在 Client Javascript 上能扳回一些頹勢.

不過 IE9 也不再 XP 上執行了, 這個史上最長命的 Microsoft 產品也被 IE9 放棄支援了呢.

至於其他功能呢? 可以到時候再來玩看看!

但 IE8 也才出來一年多, IE9 已經緒勢待發了, 各家瀏覽器也都在摩拳擦掌, 而 Adobe Flash 在 Apple iPhone, iPad 上的不支援打得也正火熱, 這個兵家必爭之地, 相信大有看頭!

分類
好用軟體

切換瀏覽器標頭-User Agent Switcher

這個是一個 Firefox 的插件, 叫做 User Agent Switcher

現在開發手機上應用的網頁機會比以往多, 但是礙於測試時期, 一般這些網頁程式都會檢查使用者的瀏覽器(User Agent), 所以使用這個插件, 方便使用者在切換自己的瀏覽器的標頭.

安裝好之後, 會在[工具]功能表內, 多出一個切換 User Agent 的功能, 如下所示:

(圖片引用自: https://addons.mozilla.org/zh-TW/firefox/addon/59)

如此一來, 便能方便測試網頁程式, 對於不同的 User Agent 的判定, 及行為驗證, 將會有很大的幫助, 而不需要準備太多環境. 當然, 若是要做所謂的 HTML, CSS, JAVASCRIPT 相容性測試, 則這個就比較幫不上忙了, 但對於判定 User Agent 而要重導使用者, 或產生一些不同的功能時, 可以很快速的驗證.

像是 naver.jp 這個網站, 有個 for iphone 的版本 (http://ipn.naver.jp) , 會檢查User Agent來重導使用者到 http://www.naver.jp, 就沒辦法預覽到 iphone 的頁面了. 使用這個 User Agent Switcher 時, 就能”假裝” Firefox 是 iphone 的 browser , 來訪問該網頁囉!

[2010/6/15 0:05]
補充一下相關的 user agent 資料, 可以利用匯入的方式達成, 請如以下操作:
1. Default User Agent, Edit User Agents:

2. 在畫面上選擇下方的 Import:

3. 到這裡下載已整理好的 user agent xml 檔: http://techpatterns.com/forums/about304.html
(或直接對這個連結按右鍵另存新檔: http://techpatterns.com/downloads/firefox/useragentswitcher.xml)
4. 於 import 選擇剛下載的檔案即可, 在 User Agent Switcher 就會有很多的 user agent 出來了, 還包含 iPad 耶!

PS. 請注意只是切換 User Agent 來讓 web server 吐出對應的 html, 並非是將 firefox 模擬出該 user agent 的呈現效果!!

分類
好用軟體

使用WebSitePulse檢查網站

這個網站工具 WebSitePulse (http://www.websitepulse.com/) 是用來檢查從世界各地的端點看你的網站是否連線順利正常. 而其中又有從中國大陸的點來做檢查, 就可以知道是否被 GFW 封鎖了.

從介面上選擇 [Free Tools][Web Tools][Website][China Firewall Test] 如下圖:

就可以從外點進行測試囉, 還蠻方便好用的呢!

而中國大陸的測試點有:

Shanghai, China
Beijing, China
Guangzhou, China
Hong Kong, China

方便進行測試比較, 而且也可以同時選擇非中國大陸的地點做對照測試, 可以加強測試的結果比較. 另外也有許多其他方便從外點測試的工具可以用, 方便從不同的網路環境來進行測試並了解網站的狀況.

參考資料: http://www.techbang.com.tw/?p=30460

分類
好用軟體

MSN強迫升級

8/26開始, 在我的工作主機的 Server 2003 上的 MSN Live Messenger 8.1 的版本在登入時, 發現有通知出現是否要更新, 稍早在朋友那裡得知 server 2003 上裝 Live Messeger 若在按下升級後, 不會有正常 for server 2003 的版本.

只好先放著, 不過在我的另一台工作上 Windows 7 RC 的版本上的 Live Messenger 同樣是 8.1 (後面的數字皆相同), 倒是沒有發生什麼問題.

到了 8/27 晚上再進來 Loing Live Messenger 時, 再續繼測試一下, 發現己經可正常 login 了, 這裡有篇 8/26 發生問題時的文章: http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/08/26/messenger-2009-on-windows-2003.aspx , 不過目前是一切正常囉.

分類
好用軟體

如何在windows 7(x64)下擷取DV Video

由於安裝了 Windows 7 (x64) 來測試應用狀況, 最近剛好遇到要 capture DV Video, 於是找半天, 在 os 內建的 “windows movie maker”, 結果沒有找到, 但是有 “Windows DVD 製作程式”. 查了 help 發現這個事實:

於是上網找了 windows movie maker 2.6 for vista 的版本來安裝 (link), 安裝倒沒問題, 不過找不到”從視訊裝置擷取” 這個選項:

所以可能是 windows movie maker for vista 在 windows 7 下沒辦法從 dv 擷取 video 出來吧, 於是只好再找看其他的 solution.

從這篇文章發現(link), 原來 live 工具組裡有個 Live Windows Movie Maker:

http://img.wlxrs.com/BJek85RRl3BJdDNE2TfInw/zh-cht/overview.jpg

於是趕快抓來用看看: http://download.live.com/moviemaker, 不過很有可能新版還沒有來得及趕上線, 於是出了個 live movie maker 搶鮮版更新, 在這裡: http://www.microsoft.com/downloads/details.aspx?FamilyID=e7446634-e033-4053-acd3-a7a18ea8a1a2&displaylang=zh-tw 是將原來的使用限期由 2009/6/30 延長至 2009/12/31, 所以也就一併更新一下. 接下來的應用就很單純了, 可以利用 live movie maker 來擷取 dv 內的 video, 也就順利地解決了在 windows 7 (x64) 下截取 dv 內的 video 問題了.

擷取完成, 再配合在 windows 7 內附的 windows dvd 製作程式, 就可以順利燒出 dvd 了耶. 還真不錯哦.

記得不用再去抓 windows movie maker 2.6 for vista 了, 會遭遇無法擷取的問題. 若有人可以擷取的話, 也請留言告知一下, 看是否是什麼環境的問題, 例如是 x32 的版本還是哪裡我沒有注意到的地方.

[2012/11/12 19:59]更新一下連結, movie maker 2011 整合在這個安裝包裡了: http://www.microsoft.com/zh-tw/download/details.aspx?id=29223