Mac OS 上安裝 FFmpeg

FFmpeg 是一個功能強大的視頻影片編輯工具庫,而且是開源、免費、有強大的網上社群頻密更新。FFmpeg 沒有圖像介面(GUI),市面上為這個工具製作GUI的公司亦不少。 在Windows上,安裝FFmpeg不外乎下載、兩點擊、安裝。 Mac OS就沒有這樣舒服了。正正是由於 FFmpeg 是開源、沒有GUI的情況下「理應」只有會用要打字的文字指令介面 (Command Line Interface, CLI或者「命令列介面」)的人才會用,所以就是連安裝,也得用CLI。下面是Mac OS 上安裝 FFmpeg 的步驟…

[Continue reading]

在Google Sheets內顯示Google Finance API中沒有權限的滬港通上海證券

Google Sheets的其中一個強大之處,就是可以利用Google Finance的API功能(((免費)))召喚部份金融市場上的數據。 數據不是實時,限制也多,但由於是免費,加上Google Sheets的其他試算表功能,不少人都用它來當自家的投資記錄。 這是基本的延時報價功能: =GoogleFinance(“HKG:2800″,”price”) 在滬港通開通初期,上海證交所的延時報價可以用 “SHA:60xxxx”來召喚,然而在2015年中,Google Finance的API不再支援在Google Sheets中顯示上海證交所的延時報價,於是,所有東西都是… N/A Google Sheets的強大功能,即使一個API倒下了,還有千千萬萬的替代科案, 下面就是將套用Google Finance網頁版的上海A股延時報價資料放在Google Sheets的Formula!

[Continue reading]

[試] 重新定義Foundation 5 framework的media query breakpoint

相比常見的Twitter Bootstrap,另一個比較不普及HTML framework──Foundation 5更較為適合作為手機應用 Mobile app 的UI介面,不論是用HTML+CSS+Javascript再用Phonegap之類製作的App、還是用UIwebView作UI的原生App。 不過,當Foundation 用在mobile 上製作responsive的app時,我對Foundation 5的breakpoint就不特別滿意,尤其是iPhone 6和6 plus出現後,當要處理iphone 6/6+ landscape和iPad portrait 的同時,那個不論不類的”medium”,也就是641 pixels 至 768 pixels的那個屏寬breakpoint就令我超不爽。 這是Foundation 5的預設breakpoints: 最小寬度 Min-width (em) 最大寬度 Max-width (em) small 40 medium 40.063 64 large 64.063 90 xlarge 90.063 120 xxlarge 120.063 當然,這只是我的個人意見啦。 解決不爽的方法,是自行定義各mobile view的breakpoint。 首先,先要了解各iPhone的screen display pixels,我從Kyle J Larson的這篇blog文找到了下面的一幅參考圖: 這是整理後各iPhone 屏寬和屏高的matrix: Display pixels Resolution (portrait)…

[Continue reading]

E○TV用MP4 Handbrake preset – iOS對應!

Handbrake中的universal preset適用絕於大部份的iOS device,但這個preset (和其他預設的preset) 都強制用29.95做fps值,影片大小和比例有限(而且奇怪…),它的H.264的VBR設定更用上20,在容量上相當慷慨。 基本上,從DVD rip出來的影片或者從RMVB、AVI轉成MP4,或者要把在2009年前在某E○TV網站的種子取得的AVI劇集轉成MP4的話,H.264的VBR設定用上22或23就足夠有餘。以E○TV的美劇為例,一季二十多集下來便可以省下42%至45%的空間,但畫質與原來的XVID或者universal preset的20根本沒有區別。何況E○TV的舊AVI都是23.976為fps值,在所有iOS上都能正常播放,根本就不用改成29.95。

[Continue reading]

Top Ten List on what I hate on web-building

10. Default blue <a> and purple <a:visited> – am I the only one felt this is ugly? 09. Using 200 Line-breaks <br> to make vertical spacing – You need a new keyboard when your Enter button broke; 08. Using 200 Non-breaking Spaces &nbsp; to make horizontal spacing or even fake “Center” aligment – I know,…

[Continue reading]