跳到主要內容

Grinder OS X: My very first Cocoa App


Grider又更新了!現在,我們將OS X專用的Grider以Objective-C全面改寫,獲得了更佳的效能與,以及Mac原生的界面體驗。

用Processing內建的video函式庫來為影片打上格子,很容易寫,程式碼也很簡潔,但是它的效能實在不怎麼樣。光是單純的播放影片,就已經耗掉我電腦CPU一半的資源,加上其他的東西只會讓它更慢。可是使用Mac內建的QuickTime X播放同一個影片,佔用的CPU資源卻只有一點點。顯然,使用Mac提供的影音播放方式是個比較好的選擇 。

拿最後的成果來做個簡單的比較,下圖中PID 2410的Grider(上面的)是用Processing寫的,下方PID 2554的則是Xcode產生的,兩個Grider播放的是同樣的320x240影片。看得出來,在Mac的環境下,使用Xcode裡頭的函式庫無論是在CPU使用,或是記憶體的消耗上,都是個比較經濟的選擇。


就這樣,開始了Grider OS X的摸索。這一切的起點,來自於官網上一篇Creating a Simple QTKit Media Player Application,確實提供了一些Xcode的基本操作。但是,自從OS X 10.7之後,Apple引入AVFoundation這個Framework,並且慢慢將QTKit上的一些功能取消,很多網上找到的片段根本就無法執行。萬不得已之下,只能把核心轉換成AVFoundation,並且下載AVSimplePlayer這個sample code作為起始點。

AVSimplePlayer只有程式碼範例,沒有一步一步的建立說明。為了要看懂它究竟是如何運作,不得不去讀AV Foundation Programming Guide的內容,特別是Playback這個小節。


原來AVPlayer只是個controller,要取得影片資料,得進到AVPlayerItem,或直接從AVAsset裡頭讀取;要顯示畫面,則得要運用AVPlayerLayer。

我遇到的一個問題就是影片大小的獲取。舊的API可以直接從AVAsset中,直接讀naturalSize這個屬性。可它在OS X v10.8裡面被取消了。現在則要進入到AVAssetTrack當中,才能讀到naturalSize。解決這個問題之後,另一個難題則是Layer。

用過Photoshop的人大概都有圖層的概念,這裡的Layer作用也是一樣的。不同的是,我得要去讀Core Animation Programming Guide,才有辦法理解並且控制這邊Layer。我覺得,需要特別注意一下它的坐標系統,是從左下角開始算起的,和其他程式以左上角作為起點不同。


由於Layer可以堆疊,所以在影片上畫格子,加上滑鼠指標的追蹤點,或是在畫面上顯示訊息,都可以運用Layer來完成。需要的時候顯示,不用的時候隱藏,不需每次顯示影片畫格都要重新運算畫面。這個工作,Core Animation已經幫你做了。對了,要操作這些Layer的變化,需要導入QuartzCore這個Framework。

這些問題處理完之後,剩下的多半是使用者界面的問題。這個部分我也還不太熟悉,等到比較熟悉之後再寫。就這樣,Grider OS X差不多好了。


和Processing比較起來,Xcode裡面的程式碼多了很多,需要花費更多的開發時間。但是,如果要處理大量的影片,用Apple提供的工具應該還是個比較穩妥的做法。

PS. 在此之前,我對Objective-C這個語言是全然陌生的,所有的知識僅限youtube上的Xcode教學影片,還有一些網誌資料。直到現在,還有一些用法我都還搞不清楚。總之,見招拆招。

留言

熱門文章

OREO聖誕麋鹿 #差不多食譜

聖誕節就快到囉!今年我們用現成的材料,來做些簡單好玩的小東西。第一個登場的,就是有著紅鼻子的麋鹿。 3隻「OREO聖誕麋鹿」差不多需要這些材料: OREO餅乾 ...... 3片 蝴蝶餅 ...... 3-6片(掰斷有失敗的機會) 餅乾棒 ...... 3根(我用百力滋) 眼睛糖 ...... 6顆 紅色m&m's ...... 3顆(紅鼻子) 融化的巧克力 ...... 適量(黏著用) 「OREO聖誕麋鹿」差不多是這麼做的: Step 1. 準備好材料 計算一下自己想要做多少隻OREO聖誕麋鹿,按照材料表把需要的餅乾糖果給買回來。材料備齊之後,就把巧克力拿去用微波爐融化備用。沒有微波爐的也可以隔水加熱,想辦法把巧克力融化就可以。 Step 2. 製作麋鹿 再過來就要開始製作麋鹿了!先把OREO轉開,留下有奶油的那邊,待會方便把餅乾稍壓一下固定。 把蝴蝶餅掰斷成鹿角的樣子,沾上巧克力,擺到OREO上面。餅乾棒同樣沾上巧克力,一樣放上OREO。接著蓋上OREO,稍微壓一下。 這邊可以大膽去擺,在巧克力凝固前都可以調整。要是發現黏不太住,多沾點巧克力再試試。 Step 3. 擺出表情 接下來要用眼睛糖和紅色m&m's做出麋鹿的表情。用筷子將眼睛糖和m&m's沾上巧克力,黏到眼睛鼻子相應的位置就可以。 沒有辦法買到眼睛糖的,可以用白巧克力先畫出眼白,再用黑巧克力點出眼珠。紅鼻子也可以自己換成橘色、綠色、藍色等等不同的m&m's。 Step 4. 讓巧克力凝固 表情做好之後不要馬上移動,得要有點耐心讓巧克力凝固。要不然悲劇馬上就會發生,不是表情變扭曲,就是整支麋鹿散架。 等巧克力凝固後,就可以像棒棒糖那樣拿起來玩耍了。再來杯熱牛奶,整隻麋鹿給他泡下去也很有趣。 最後幫大家整理一下「OREO聖誕麋鹿」的做法: 巧克力用微波爐加熱融化備用。 轉開OREO。 蝴蝶餅掰成鹿角的形狀,沾巧克力後放上OREO餅乾。 餅乾棒同樣沾上巧克力,擺上OREO餅乾。 蓋上餅乾,在眼睛糖和紅色m&m’s背後沾上巧克力,黏到眼睛和鼻子相應的位置。 稍微等一下,讓巧克力凝固就好囉!

木乃伊熱狗捲 Hot Dog Mummies - 差不多食譜 #萬聖節

這次我們繼續過萬聖節,來做個更簡單的「木乃伊熱狗捲」。看完材料表,相信你已經知道該怎麼做了。 「木乃伊熱狗捲」差不多需要這些材料: 小熱狗 ...... 4條(大熱狗可以切半使用) 起酥片 ...... 1片 蛋黃 ...... 1個 起司片 ...... 1片 海苔 ...... 1片 番茄醬 ...... 適量 「木乃伊熱狗捲」差不多是這麼做的: Step 1. 起酥片切條 從冷凍庫拿出起酥片,在室溫放一陣子,等它稍微變軟之後再開始切成細條。稍微放軟再切比較不會破掉。 Step 2. 捲熱狗 第二步,要開始加上熱狗來處理。方法也很簡單,就是把切好的起酥條一圈一圈纏上小熱狗,一條用完再接另一條繼續纏,怎麼纏都沒關係。 要是你的熱狗比較大根,可以切短一點來弄,造型會比較可愛。 Step 3. 刷蛋液送進烤箱 弄好之後來個蛋黃,稍微攪散就可以塗到纏著熱狗的起酥條上。蛋黃液是讓顏色稍微金黃一點,沒有塗蛋黃液的那些烤起來都白白的。 接著就可以送進烤箱了,用攝氏200度烤10分鐘左右,把起酥皮烤出你要的顏色就可以。 Step 4. 裝上眼睛,沾點番茄醬 出爐稍微放涼,趁這個時間來做眼睛。拿起司片弄成圓圓的眼睛,再拿一點海苔當眼球,組合好隨意擺到木乃伊熱狗上。這是萬聖節用的,真的只要亂擺就可以囉! 最後,隨意沾點番茄醬在繃帶上面,我們的木乃伊熱狗捲就完成囉! 結尾再幫大家複習一下「木乃伊熱狗捲」的做法: 酥片拿出來退冰,稍微軟化之後切成細條。 將起酥條一圈圈纏上小熱狗。 刷上蛋液,送入攝氏200度的烤箱烤到金黃。 稍微放涼,擺上起司片和海苔做的眼睛,再沾點番茄醬就好囉!

差不多食譜:手工巧克力餅乾 Chocolate Cookies

又是手工餅乾,最近一連出了兩份餅乾食譜,這個「手工巧克力餅乾」已經是第三份了。會不會有更多呢?我可以告訴大家,這是肯定的。 要怪就怪這個陰鬱的冬季雨天,哪裡都不方便去,也懶得出去。餅乾櫃空在那邊已經很久了,雖然有時候會嘴饞,但也沒有迫切去補貨的必要。反正經常開伙,平常該有的材料都會有,自己弄個成分完全透明的零食,也是個不錯的選擇。再說,用烤箱進行烘焙時,房間會變得比較乾燥,也比較溫暖。在夏天是個折磨,但到了冬天,這種感覺還滿不錯的。 話不多說,開始進行這一道「手工巧克力餅乾」的準備工作。