跳到主要內容

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背後沾上巧克力,黏到眼睛和鼻子相應的位置。 稍微等一下,讓巧克力凝固就好囉!

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

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

差不多食譜:檸檬餅乾 Lemon Biscuits

寒流來襲,氣象局持續發布低溫特報。在這冷颼颼的冬日,差不多食譜為您準備了一支有溫度的影片食譜「檸檬餅乾 Lemon Biscuits」。檸檬的酸味能夠讓您有清新的味覺,用檸檬做的餅乾則讓您解除冬日過份進補的油膩感,同時又滿足一直想吃東西的衝動。但我可沒說這種吃法的卡路里不高,對您的身材不會有影響。恐怕您還是得自己稍微節制些! 不過,說老實話,我單純是因為天氣太冷,所以把烤箱拿來當暖爐用。坐在烤箱後面等待餅乾完成,果真有暖呼呼的感覺。