認識HTML5 (二)瀏覽器支援度

因為Html5的規格都還在開發中,對於要支援什麼不支援什麼,其中參雜了許多商業競爭,舉例來說究竟網路影片格式要如何支援也是各家角力的項目之一,因為這牽扯到影片編碼的權利金問題。關於開發到現階段各家瀏覽器對於目前HTML5的支援度標準如何,比較可靠的參考數據就是THE HTML5 TEST網站,只要點開網站馬上幫你測你現在所使用的瀏覽器對HTML5的支援度和支援項目細節(下圖是用Google Chroma跑出來的分數)。

(image)

該網站有”目前”(2011/5/18)各家瀏覽器的支援狀況,為了等標準訂立出來以後還可以考古懷念一下,留一張目前為止的瀏覽器分數列表。 Read more »

認識HTML5 (一)緣起與差異

  網路上關於HTML5的文章很多,各種說法也傳言甚囂,基本的認識從WIKI上面應該是可以了解到十之八九,在本文撰寫的同時標準都還在制定中,此教學是為了所上的一堂課中的一個部分所撰寫,如需引用請註明出處。不論商業上的戰爭如何發展,HTML5的演化都其來有自,基於雲端概念的”再”炒作,所有大廠都看準下一個資訊時代大餅,策畫著借由瀏覽器主導雲端的端(Client)口市場,為了達到這個目標各家瀏覽器都認同必須將瀏覽器再提升到新的境界,以滿足即將到來的商業服務型態,距離標準制定完成還有一段時間,變數也很多,知己知彼百戰百勝。 Read more »

在Flash中插入YouTube影片

最近因為工作上有需求,需要再在Flash裡面插入Youtube影片,於是上網找找到了相關的google code API,順便就記一下當作筆記也提供給有需要的人

Ggoogle code API原文出處:http://code.google.com/intl/zh-TW/apis/youtube/flash_api_reference_as2.html#Examples

(image)

基本上一連進去就會看到他建議你用Action Script 3 撰寫,如果你已經上手的畫建議用AS3,但是如果因為任何理由需要用AS2來寫目前還是可行的,本篇以AS2的為主,AS3的教學請參照這篇原文說明

首先開一個AS2的Flash檔,並在第一個影格上輸入下面的程式碼: Read more »

【筆記】”符號被系統取代成」的問題

之前曾經遇到一個問題就是當輸入”符號時,會被系統取代成」符號,後來在網路上找到了解決方案,首先先找到下面這個檔案 ..wp-includesformatting.php

用文字編輯器開啟,搜尋下面兩行指令

$curl = str_replace($static_characters, $static_replacements, $curl);

$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

將這兩行前面加上註解符號:

//$curl = str_replace($static_characters, $static_replacements, $curl); //$curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

然後上傳到伺服器取代掉舊的檔案就可以了!

【教學】16個超強的Photoshop光線效果教學

這又是強者銘育大哥傳給我看的教學網站,上面有16個超強的Photoshop光線效果教學~超實用的教學哩,分別有下面幾則,雖然有點想翻譯成中文整理上來…不過礙於當兵休假時間少,就請大家自行連進去閱讀原文吧

設計Vista風格的桌布(Design a Vista Styled Wallpaper)

(image)

Vista的極光效果(Windows Vista Aurora Effect)

(image)

Design a Vibrant Blackberry Inspired Ad

(image)

NoPattern “Jumper” Effect

(image)

奇妙的光線特效(Mysterious Lighting Effect)

(image)

如何建立眩光紋(How to Create Brilliant Light Streaks)

(image)

製作Mac風格背景(Creating a Mac-Type Background)

(image)

冷光線(Luminescent Lines)

(image)

建立發光繪畫效果(Create a Glowing Light Painting Effect)

(image)

萃取雜質及噴槍特效(Abstract Dust And Spray Effect)

(image)

建立夢幻抽像背景(Make a dreamy abstract background)

(image)

Digital Bokeh effect

(image)

抽象線條背景(Abstract Lines Background)

(image)

抽象線光Abstract Light Rays

(image)

Drawing an Abstract Lightbulb

(image)

如何建立3D抽象圓(How to create 3D abstract circles)

(image)

原文網址 http://www.designshard.com/video-tutorials/16-great-photoshop-light-effect-tutorials/

【教學】在Ubuntu8.04 LTS下Ostube2.5安裝記錄備註

雖然大學時架設過UNIX平台的Server,不過那已經是很久以前的事情,而也自從悟透server的安裝及維護以後,就決定交給專門的虛擬主機公司處理,省去永無止盡的平台debug及定期備份和安全性更新的時間,事隔幾年後再度遇到需要架設Server平台的挑戰-這次是由於校內要架設影音平台Ostube,原先使用了Windows server 2008+WampServer,怎麼試最後都卡在轉檔不會動,上網找文章發現在Ostube及Wamp的使用者論壇上皆有不支援Win平台的答覆,於是老師決定暫時先額外架設一個大部分人都能正常安裝Ostube的OS先使用,所以小樽再度需要親自安裝UNIX平台的OS,大部分成功案例指向Linux OS-Ubuntu

Ubuntu在下載版本頁面上有兩個版本,分為桌面版和伺服器版,桌面版就好比Windows的家用版或專業版,預設安裝大部分一般人使用電腦會需要的小工具軟體,但是預設也就不會有Server的工具,如果有需要變成要事後安裝,然而除非對server環境需求和版本需求非常清楚,否則Server用途就使用Server版安裝,桌面版預設裝完就會有視覺化介面可以使用,Server版預設是純文字介面,但是如果有需要也是可以透過光碟安裝桌面程式讓server版有視覺化介面,後者會比較簡單一點而不容易漏東西

目前(2009/5/31)Ubuntu最穩定的版本是8.04TLS,2008年四月釋出並支援到2011,最新版本已經到9.04+,小樽安裝當下跟老師討論的結果是Server求穩不求新,所以先不當小白鼠-雖然新版理應當也可以完全支援,於是我們選擇Ubuntu 8.04TLS server版來安裝 Read more »

【軟體】Sony Vegas Pro 9嘗鮮試玩(上)

原本只是在找給單眼相機用的東西,不小心發現原來Sony Vegas Pro已經迅速的出現了最新版9.0,身為目前仍然是愛用者的我當然一定要先來玩玩看他有什麼令人驚奇的改變,或者是走下坡的跡象XD

裝完以後介面如下~配置上有一點點小改變,然後顏色變灰了

(image)

除此之外在諸如特效或轉場的次選單另外有不同的視覺設計

(image)

整體上搭配Vista or Windows7(大致上兩者風格是一樣的)的意味相當濃厚,anyway,顏色變暗官方說法是可以降些亮度或色彩的干擾

首先9.0有別於以往版本最大的突破之一就是-終於出現支援64位元本版,也就是這次的安裝程式有兩個,如果你使用64位元版在64位元OS上跑出來的效能,根據網路上看到的非官方測試數據有大概約略23%+的render時間差異,如果是要當工作機當然直接衝64位元才是王道,畢竟現在諸多3D動畫或2D影像影片處理程式都開始支援64bit,而64位元的OS也越趨成熟,例如即將問世的Windows7在Beta版就已經搶過Vista的風潮,而目前WindowsRC1的效能更是有目共睹,或許去年前年是個過渡的開始,但我想從下半年會開始往前邁進,許多業界的朋友其實早早就已經進入64位元時代…畢竟如果正在工作用的軟體已經有64位元版…實在沒必要用32bit來浪費時間,我想這是Vegas9最大的第一個好消息

下面小樽就列舉幾個小樽覺得比較care的新功能或革新來介紹為主~其他的請上官網看原文

 首先影格影像解析度支援提高到4K(4096×4096),如果持續有在閱讀小樽的部落格的朋友應該記得…這是目前數位電影主流的影像解析度,2K(2048~比Full HD大一點點)已經沒什麼大不了,各位觀眾…4k,只要你電腦夠剽悍,你的素材解析度夠本事…你可以在PC上面編輯電影”目前”主流解析度的影片了

其次對特殊格式或裝置的支援渡這裡先不提~先提大家都可以用的到或可能用的到的

Vegas9現在會自動最佳化預覽視窗的品質,包括預覽播放的速度,你可以在預覽視窗按右鍵看到一個新的選項如下

(image)

關於這個功能的其他細節在What’s new裡面有詳細的設定描述,就請有興趣的自行玩玩看,大意就是上面那一行囉

改進的32位元浮點運算讓Vegas對顏色的處理更猛,其實在8的時候我覺得已經很猛了對比於一般剪輯軟體而言,而他們的意思是9在這方面更加強化,當然這可能要比較專業的人士比較能有感覺

再來是多了一組轉場特效~包括階梯式的擦拭轉場以外,小樽覺得比較特別的是類似潑墨的新轉場~當然還有其他種~歡迎自行嘗試

(image)

其實Vegas提供的轉場已經比一般剪輯軟體來的多~不輸甚至超過一般簡易家用的快速剪輯軟體,兼顧專業剪輯的自由度和家用剪輯的便利性也是小樽之所以相當青睞Vegas的原因,不過他開始漲價了XD

在來就不得不特別提一下特效的部分~這次新增了下列幾組特效濾鏡

Glint(閃爍),Rays(射線), Defocus(失焦or離焦or散焦), Starburst(星紋),Soft Contrast(柔和對比)和Fill Light(補光)

這幾個特效都非常具有實用性~甚至有些是某些後製軟體要開外掛來完成~在下面稍微簡介一下(因為對小樽來說這裡算重點XD)

Glint效果顧名思義可以讓你的高光部分產生閃爍的效果,下圖左半是原圖右邊是加上Glint特效,這個特效的參數很多並且都可以設Key做成動畫(強度/顏色/角度/輻射範圍…等),除此之外這個特效可以依附在遮罩(Mask)上,所以當然也可以自訂範圍來合成~非常強大

(image)

Rays特效是一個常常仰賴在後製軟體甚至有的還需要外掛來協助產生的效果~最常使用在標題或Logo的特效

(image)

上圖效果小樽只用了Vegas內建的文字媒體直接套用Rays特效調一些參數就完成,當然~透過修改參數搭配設Key這個特效一樣可以做成動畫,一樣也支援使用Mask來控制特效範圍,非常直覺方便

Defocus也是個顧名思義的功能,讓你產生散焦失焦的效果,這功能在後製軟體是標準配備,高階一點是搭配Z軸資訊來處理,但是在剪輯軟體裡面如果硬要做頂多就是調高斯模糊…但其實這跟Defocus的效果是有明顯差異的,尤其對於光線的變化程度就是一個很明顯的細節差異,一樣可以設Key,所以可以作一些出焦入焦的轉變,很實用的功能…下圖一樣是開啟及沒有使用這個特效的比較

(image)

Starburst是個類似閃爍的特效~但其實不太一樣,差異性就請自行嘗試,下面右邊是餐入特效的狀態

(image)

Soft Contrast柔和對比這個功能也是非常非常人性,通常我們調整對比度的時候常常就只能藉由對比和亮度去調到大概可以符合我們需求的畫面,但多半效果還是不盡理想,畢竟這種調整法影響的是整面影像的數值,而柔和對比就像智慧型調整對比的新工具,效果比起直接針對對比度調整有更多參數可以修整,以下圖為例是直接套用預設的柔和對比產生的結果~右半邊是修整過後的影像,左邊原始影像陰影部的對比過強,經過預設修正值就改善了很多而且可以繼續細修

(image)

Fill Light補光當然就是事後的補光效果,在一定可修整範圍內~這個功能幫忙修出來的效果意外的好,他當然不是平均提高影像亮度來修正而已,是有條件的部分提高亮度,也可以當作是智慧型的亮度調整,下面左邊是修正後的補光效果呈現,右邊是原始影像,可以針對暗部作比較,效果其實相當好

(image)

另外在檔案格式支援部分值得一提的是Vegas9支援了RED ONE的.r3d檔,這是一個專業的影像格式,當然~電影領域使用的,對相關領域的人來說應該也是個大消息

關於聲音的部分Vegas的錄音功能得到了一些修正和強化,編輯上也有一些小調整,不過畢竟他是剪輯軟體不是音效編輯軟體,所以小樽就不花太多時間去贅述,有興趣的一樣參照What’s news(聲音部分其實就三條…)

這次更新內容幅度寫最多的就是工作流程(Workflow),除了最前面提到的介面視覺上的調整外,對某些視訊硬體的支援、另存新檔現在多了一個可以將專案和媒體一起複製的功能

(image)

另外還有一個不錯用的新功能-Match Event Length,或許可以翻成符合事件長度,如同他字面上的意義,以往我們會遇到一個問題就是在下字幕尤其是動態字幕的時候,我們可能希望他符合我們的背景音樂或一段影片,然而我們可能需要手動輸入那個時間長度在把建立好的媒體拉到時間軸,現在不必那麼麻煩,假使我們現在有了一首背景音樂,我們也從媒體產生器裡面去拉出了一組片頭或片尾字幕,然後在裡面輸入了文字,之後呢請直接在時間軸上用滑鼠左建調整字幕媒體在時間軸上的長度以符合我們的歌曲

到目前為止的步驟你會發現播放下去字幕還是照著原本預設的速度無限循環,別急,點一下媒體右邊的編輯icon再次啟動該片頭片尾媒體的編輯視窗,然後在右上角找到Match Event Length這個功能如下圖,按一下以後你的片頭時間就會自動吻合你拉出來的長度了

(image)

除此之外還有一些配合快速鍵或其他功能的增強…由於天色已晚…偶要睡覺了~請待下回分曉

【網頁】強大的phpBB3試玩心得(1)

噗噗…突然發現一轉眼又連續幾天沒有寫文章,遇到週末就原諒我的小偷懶吧orz

上週因為許多八拉八拉等理由〈略〉,加上孫老大學長論壇告急,重新跑到竹貓星球看phpBB的文章,赫然發現!已經改朝換代很久了…我果是太久沒注意了〈羞〉,從大學開始我第一個玩也是玩最久的論壇系統就是phpBB,從phpBB2.0.1還是2,玩到大學畢業,上了研究所已經到了phpBB2.0.1x,真的覺得他是一個相當強大,彈性豐富而且開發支持者眾多的論壇系統,雖然大學也玩過別種,最後還是還是選擇phpBB架過很多討論區,除了布景至作者多到翻過來翻過去,永遠都要煩惱套哪一個皮以外,MOD更是令人欲罷不能…雖然小樽不擅長程式撰寫,但只要碰到phpBB的東西就會忘記自己討厭程式這件事情=..=,不知不覺已更翻了一堆原文資料就為了解決一個Bug

(image)

po文不貼圖是不能接受的…這就是當今最新的phpBB3.0.2的後台,是的我又架了一個論壇,不過這是個好友會小論壇所以不公開試玩的啦挖哈哈,phpBB3不用你安裝一些防護措施…本身的結構就已經很嚴謹,討論區看板建立後如果沒有設定權限是誰也別想看到…這讓我一開始就卡住,想說建立看板老半天怎麼只有管理員看的到,原來所有上至管理員版主,下至會員訪客全部都必須在版面設定時給予權限指派,非常安全…到一種龜毛的程度,但是我喜歡…因為管理員越麻煩…相對惡意程式或想搞破壞的駭客也會麻煩一點,互相的,所有的版面群組及會員機制細節都相當多,而以前可能要裝一些輔助後台的mod功能幾乎也都內建,避免機器人大量註冊的image code也是內建了〈淚〉,還有太多細節目前我還沒碰到,只是裝好並熟悉介面,裝了幾個布景,現在要先找一些想裝的東西裝進去以後在慢慢來品嚐,學長~等我介面碰熟了就來救你了 囧 稱著點,不要向機器人低頭

最後…我復學了… 我躲過了休學期間的兵役問題,而且今天還收到考試成績單XD,中午的時後發了封mail給指導老師,該趕快集氣在論文進度上了