分類
WebTrend

Amazon Elastic Transcoder

今天收到了AWS的通知信, 有個新上線的服務Amazon Elastic Transcoder, 用來做影音的線上轉碼, 網址說明在這裡

http://aws.amazon.com/elastictranscoder/

這個服務提供很容易的方式將影音的格式進行轉碼, 可以支援的輸出格式為 h.264 + AAC 的 mp4 檔案, 當然也是目前支援性高也廣泛應用的格式, 內建的幾組預設輸出(preset)如下:

Generic 1080p mp4 System preset generic 1080p
Generic 720p mp4 System preset generic 720p
Generic 480p 16:9 mp4 System preset generic 480p 16:9
Generic 480p 4:3 mp4 System preset generic 480p 4:3
Generic 360p 16:9 mp4 System preset generic 360p 16:9
Generic 360p 4:3 mp4 System preset generic 360p 4:3
Generic 320×240 mp4 System preset generic 320×240
iPhone4 mp4 System preset: iPod touch 5G, 4G, iPad 1G, 2G
iPhone4S mp4 System preset: iPhone 5, iPad 3G, 4G, iPad mini, Samsung Galaxy S2/S3/Tab 2
iPhone3GS mp4 System preset: iPhone 3GS
iPod Touch mp4 System preset: iPhone 1, 3, iPod classic
Apple TV 2G mp4 System preset: Apple TV 2G
Apple TV 3G mp4 System preset: Apple TV 3G, Roku HD/2 XD
Web mp4 System preset: Facebook, SmugMug, Vimeo, YouTube
KindleFireHD mp4 System preset: Kindle Fire HD
KindleFireHD8.9 mp4 System preset: Kindle Fire HD 8.9
KindleFire mp4 System preset: Kindle Fire

若是內建的 preset 不夠用, 也可以自行建立 preset, 建立畫面如下:

如此一來便能建立更符合應用需求的尺寸, 不過一般來說, 內建的 preset 已經很夠用了. 另外大家有沒有注意到, 還有 thumbnails 這項, 對了, 就是產生縮圖的功能, 在轉換影片的過程中, 也一併產生縮圖, 方便在實際應用上的圖片預覽, 在預設的 preset 中也有.

再來就是計價的部分, 是以影片的長度來計算, 以最便宜的地區來看, 每一分鐘轉出的SD影片為0.015美元, 而轉出HD影片為0.03美元, 也是相當便宜呢. 將一部 120分鐘的影片轉檔為SD的格式, 只需要 1.8美元.

以實際上傳來進行轉檔, 把檔案放到 s3 中, 指定好輸入檔案和輸出檔案後, 測試一支 3:30 長度的影片, 720P轉為 480P, 16:9, 只需要不到2分鐘的時間, 效率也很不錯.

目前有每月免費20分鐘的影片轉檔試用, 大家可以來體驗看看這個新上線的 amazon 服務!

[1/30 10:57]
為能再次測試看得到的範例, 從 HD Demo world找了一支影片來測試, 網址在這裡:

http://www.demo-world.eu/trailers/high-definition-trailers.php

使用的是 BBC Germany 22.1MB 20sec

上傳到 s3 的 bucket 裡, 並開始進行轉換, 不過可能是檔案格式為 hd_distributor_bbc_germany.m2ts 是 m2ts 的格式, 所以轉換失敗, 而凌晨測試的格式是 720p 的 mp4 轉為 480p 的 mp4, 所以是順利轉出.

查了一下這個 Amazon Elastic Transcoder 支援的輸入格式說明如下:

Formats: Amazon Elastic Transcoder supports transcoding into H.264 video and AAC audio in an MP4 container. We support most common media formats for input including H.264, AAC, MP4, MPEG-2, FLV, 3GP and AVI.

看起來 m2ts 可能不被支援, 所以測試失敗.

再查了一下, 發現是輸出設定檔案衝突, 所以無法輸出, 真囧, 再次建立 job 進行測試, 於 45sec完成轉換(輸出仍為1080p-生成檔案大小為 30.9MB).

在建立 job 時, 順便看了一下 Additional Job Details 中, Input Container 預設是自動(用預設即可), 下拉後, 有格式選擇如下:

共有 3gp, asf, avi, divx, flv, mkv, mov, mpeg, mpeg-ps, mpeg-ts, mxf, ogg, vob, wav, webm 這些格式, 基本上常用的都有了.

再來繼續測試:

輸出 720p 的格式, 所需時間為 32sec, 輸出檔案大小為 16.7MB
輸出 480p 16:9 的格式, 所需時間為 61sec, 輸出檔案大小為 8.8MB
輸出 360p 16:9 的格式, 所需時間為 27sec, 輸出檔案大小為 5.2MB

雖然 480p 16:9 稍慢一點, 不過看起來可能只是一個案例, 再測一次 480p 16:9 的輸出為 51sec, 有稍快一點, 整體來說轉檔的時間真的還蠻快的呢!

分類
好用軟體

好用的HostAdmin插件-Firefox

在開發網站的過程中, 往往會需要快速地切換主機標題(即網址中的主機)對應開發環境或是測試環境的IP, 一般來說都是利用修改 %windir%/system32/drivers/etc/hosts 這個檔案內容, 並重新起動瀏覽器才能生效, 尤其像是在還未生效的 DNS 或是 SSL 等狀況下, 就顯得十分麻煩.

現在有個好用的工具 HostAdmin (link) for Firefox, 這個工具的工作原理一樣是修改 hosts 檔案, 不過在修改後, 會自動 refresh 本機 DNS, 瀏覽器也不用重新起動就馬上生效了, 而且是在狀態列就可以直接操作設定, 十分方便, 畫面如下:

可以在自行訪問的網域主機上去設定指向的 IP, 便可以快速地達到切換的目的, 而最上面的 Hosts Editor, 會叫出內建的編輯器, 直接修改 hosts 內容, 也十分方便. 多重 IP 選擇的原理就是利用 hosts 中的 # 號, 也就是註解符號, 以上圖為例, 就是在 hosts 有如下設置:

192.168.12.21 www.test.com
#192.168.12.31 www.test.com

當你訪問 www.test.com 時, 點一下右下角的 HostAdmin 插件功能, 就會出現上圖畫面, 方便你直接作切換.

另外有需要注意一點, 在 windows vista/7 時, hosts 檔案的權限修改時會失敗, 是因為權限有調整為管理員才能修改, 可以參考該插件的官方資料來調整該檔案的權限, 如下:

http://code.google.com/p/fire-hostadmin/wiki/GAIN_HOSTS_WRITE_PERM

建議的兩種方式都必須由本機管理員下達修改檔案權限的指令, 一為調整為 user group 有寫入權限, 指令如下:
cacls %windir%/system32/drivers/etc/hosts /E /G Users:W

一為調整為某單一USER帳號有寫入權限, 指令如下:
cacls %windir%/system32/drivers/etc/hosts /E /G “User Account Name”:W

記得都要以管理員來執行, 若不會操作, 簡單說明如下:

  1. 點下[開始] [所有程式] [附屬應用程式]
  2. 看到[命令提示字元] 對該項目按下右鍵, 選取[以系統管理員身份執行]
  3. 出現一個 console 畫面, 並有輸入提示符號, 鍵如上面兩個指令其中一項皆可, 記得第二項的 User Account Name 是指某單一 user 的帳號, 通常是目前自己這個帳號.
  4. 系統會回應已處理檔案 C:\Windows\system32\drivers\etc\hosts 這樣就成功了.

相信對於常在修改調整 hosts 的開發者朋友們會有很大的幫助!

該插件的官方網址: https://addons.mozilla.org/zh-tw/firefox/addon/hostadmin/

分類
好用軟體

產生任意大小的圖片-fakeimg

一般在做網頁時, 若一時需要一個區塊的圖片, 指定大小, 來做出一個 mockup, 可以利用之前介紹的產生任意大小的貓圖片 (link) 外, 還有剛從朋友網站 (link) 看來的 fackimg: http://fakeimg.pl/

用法還蠻單純的, 官方網站上有幾個 sample 如下:

<img src="http://fakeimg.pl/300/">
<img src="http://fakeimg.pl/250x100/">
<img src="http://fakeimg.pl/250x100/ff0000/">
<img src="http://fakeimg.pl/350x200/ff0000/000">
<img src="http://fakeimg.pl/350x200/?text=Hello">
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster">

就會有以下功能的圖片:

真的還蠻方便好用的呢!

 

[2016/6/14 12:12]

這個也十分好用, 可以參考看看: http://lorempixel.com/
內容可以指定尺寸外, 還有各式分類, 可以有更具像的圖片效果.

 

[2022/5/5 8:44]

Lorem Picsum 排版假圖產生器, 可以產生隨機、指定、灰階、模糊等指定尺寸的圖片, 並且有 API可供應用, 也請參考看看:

https://picsum.photos/

如: https://picsum.photos/300/200 (此為隨機)

指定圖片, 如: https://picsum.photos/id/237/300/200

 

 

分類
好用軟體

Youtube下載影片插件-Firefox

這個工具是Firefox 的插件, 可以方便地下載 youtube 上的影片, 而且會列出所有可供下載的解析度及格式, 插件名稱為 Easy YouTube Downloader

英文安裝下載頁: https://addons.mozilla.org/en-us/firefox/addon/easy-youtube-video-downl-10137/
中文安裝下載頁: https://addons.mozilla.org/zh-tw/firefox/addon/easy-youtube-video-downl-10137/

安裝好之後, 在瀏覽 youtube 的影片時, 會在下方多出現一個下載, 點擊後會出現所有可用的下載點, 以這頁為例: http://www.youtube.com/watch?v=tub3x22YNbk

下方下載點擷圖如下:
就有純音樂的 M4A, AAC, MP3-128k, MP3-64k, 影片的 MP4 1080p, 720p, 360p, FLV的 480p, 360p, 240p 還有一個預覽圖及說明連結, 點擊後即可下載影片, 方便使用, 真是一個好用工具啊!

分類
Javascript

Youtube影片重覆播放Bookmarklet

有時候需要重覆播放 youtube 上的影片, 當然可以透過一些參數來進行設定, 不過一時要使用的話, 可以透過這個 bookmarklet 來進行, 程式碼如下:

javascript: (function () {
    var url = location.href;
    var videoid = '';
    var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
    var match = url.match(regExp);
    if (match && match[7].length == 11) {
        videoid = match[7];
    }
    if (videoid != '') {
        var nurl = 'http://youtube.googleapis.com/v/' + videoid + '?loop=1';
        window.open(nurl);
    }
})();

利用這個 bookmarklet 可以在瀏覽 youtube 影片時, 想要重覆播放時, 可以按下這個 bookmarklet 來進行重覆播放, 原理就是將原來的 youtube url 找出影片 id 後, 組合出 url: ​http://youtube.googleapis.com/v/?loop=1 這樣的方式.

另外關於 bookmarklet 的新增方式, 就是直接將網頁上的連結, 拖拉到瀏覽器的書籤區即可.

請到這裡進行安裝: http://sample.diary.tw/youtuberepeat/

上面程式碼中, 找出 youtube video id 的 regular expression 是利用這篇文章中的解答: http://stackoverflow.com/questions/3452546/javascript-regex-how-to-get-youtube-video-id-from-url

—————————-
[2013/1/12 21:04]
今天在IE上測試的時候, 發現直連的URL是無法在IE上直接打開的, 只能藉著一個宿主頁面來做EMBED程式的方式來進行, 調整了一下程式, 使目標頁改為:
http://sample.diary.tw/youtuberepeat/r.html?vid=

即可帶出對應的播放器, 並能在播放後再自動播放, 不過在這段測試時, 發現這個 loop=1 的參數有時有功能, 有時沒有功能, 在對照了 http://www.youtuberepeater.com/ 網站時, 發現再加一個參數能確保正確 loop, 就是 version=2 的參數, 在 http://sample.diary.tw/youtuberepeat/ 上的兩個 bookmarklet 一併做調整, 也就是原本的改為
http://youtube.googleapis.com/v/?loop=1&version=2
而新做的第二個有宿主的bookmarklet 中的 embed參數也補上.

分類
懶得分類

wifi強力破解器

先說好, 這文章不是在賣這玩意兒.

wifi加密被破解不是什麼新鮮事, 不過居然有這種已經做現成的軟體, 雖然說真的很方便, 不過其實也要小心這類軟體內是否有什麼問題.

先看被破解的 ap, 其實一方面是 WEP的加密本身有弱點, 所以不建議使用, 可以參考這篇: http://zh.wikipedia.org/wiki/%E6%9C%89%E7%B7%9A%E7%AD%89%E6%95%88%E5%8A%A0%E5%AF%86

然而, 使用這個破解軟體的用家也得要小心這個軟體內是否有沒有惡意程式, 而且用這個軟體去破解別人的 ap 也可能會有法律上的問題.

不過, 這件事也讓大家注意到這個 wifi 安全性的問題, 一定得做好保護, 用新一代的加密方式, (雖然說也可能被字典破解), 但至少所費的時間及安全性高得多, 又或是利用 mac address 的方式來保護, 讓有存取權限的設備來加入, 至少可以防範一些其他非允許的設備加入 ap, 另外, 隱藏 ap 的 ssid 也日一種方式, 避免被掃描出來, 至少要有 ap ssid 才能找到該 ap, 還有就是不主動配發 ip 的做法(也就是不給 dhcp 服務), 當然啦, 愈便利風險就愈大, 但多一份準備就少一些問題, 尤其是家用的 ap, 其實常在用的設備也就這些, 沒必要把資訊都揭漏出來吧, 甚至於沒用就關起來也是一個不錯的方法(但好像有點因噎廢食).

來看看相關新聞:
強力破解器攻陷Wi-Fi?專家:非秘密
http://www.ettoday.net/news/20121225/144446.htm

6、7百元破解器 港Wi-Fi WEP瓦解
http://www.merit-times.com.tw/NewsPage.aspx?Unid=288083

分類
WebTrend

痞客幫與無名小站排行

近六個月來, 痞客幫與無名小站打得火熱, 指的是網路排行.

說來也有意思, 其實是 pixnet 一直在成長, 而 wretch 則是在下滑, 來看看圖表:

雖然 rank履次超越, 但也互有消長, 有意思的地方是 pixnet 是勝在 reach (到達率):

不過 wretch 則是贏在 page views (瀏覽率):

加權後的名次自然競爭得很激烈呢. 但隨著手機及平板等行動載具的流行, 或許看網路指標不見得能代表全部, 但是相信還是有一定的正相關性. 無論如何, 流量仍是目前媒體計算的主流價值啊!

分類
WebTrend 懶得分類

Alexa上的Top排行

今年稍早寫過一篇 facebook 在 alexa 超過 google ( https://diary.tw/archives/949 ), 不過年底再來看一下, 又被追回來, 而且拉開了差距.

來看看前幾大排行的長時間狀況:

看起來在 8月後, 又過沒多久就被追回來, 而且 facebook 似乎有點趨緩, 而 yahoo 還是持續下滑, baidu 則是慢慢攀升.

再來看看近 6個月的圖表:
這樣就比較清楚在 google vs facebook 的狀況. 不知 facebook 的後續會怎麼發展下去呢!

分類
好用軟體

線上製作HTML5動畫-iAnimator

之前介紹過這個類似功能的網站: Mugeda (參考之前文章: https://diary.tw/archives/1170 ), 今天發現又有一個這樣功能的網站: http://ianimator.kundy.net/ , 一樣是透過線上製作的方式來進行操作, 把動畫製作出來.

試用了一下, 發現 Firefox 不太支援, 換用 Google Chrome 後就正常許多, 不知是否是還未完整.

繼續閱讀: http://www.qianduan.net/ianimator-css3-animation-tool.html

分類
Windows

如何自動登入Windows 8

朋友問到有關如何自動登入 Windows 8 的作業系統.

其實只需要做個簡單的設定即可, 在 [WIN] + [R]鍵叫出執行指令, 並輸入 netplwiz 如下:

叫出 [使用者帳戶] 視窗如下:

再將欲設定為自動登入的帳號使用者名稱選起來後, 在上面的[必須輸入使用者名稱和密碼….]的 checkbox 勾勾取消, 按下碼定, 接著系統會帶出輸入密碼對話盒如下:

 

輸入該用戶的密碼兩次即可完成設定, 記得不要打錯密碼, 在這個對話盒是只會檢查兩次密碼是否一樣, 不會真的去驗證該密碼是否對應該用戶, 之後重新開機就會看到自動登入了.

PS. 若輸入密碼錯誤, 只是會造成無法自動登入, 按正常方式登入後, 再用同樣的方法再操作一次即可. 這個方式和在 windows 7 下是一樣的.