域卡的卜 Vicker’s Blog

Don’t get it wrong… I am not leaving Flex, most of my current developments still rely on it and I am sure it will last for several more years.

Working with Flex for nearly two years. I am sure I have the right choice however sometimes Flex do makes me mad.

• SWFLoader content can’t be unloaded completely.
  (How many times you try to replace a loader content but you notice the content music never gone away)
• VideoDisplay component doesn’t play .flv correctly…
  Not even those produced by Flash Video Encoder…
• Non standard CSS
• Math.floor (Math.random () * 4) + 6
  (Oh my god… I just want a random integer)
• Smooth scroll List
• Disabling Ctrl key during drag move
• Gradient fill Container
• Full screen Keyboard input…
  (I understand security… but that should be user’s responsibility… not developer’s obstacle) 

• Why can’t I export my syntax coloring settings? 
• I don’t know which part I haven’t done yet… WHERE’S MY TODO!?!?
• Auto building get set function please…

Related posts

• Munsang College Biology Department Website version 3 始動~! (0)
• 時光倒流第一集 - Adobe Flex Workshop (0)
• Flex FAQ#4: 利用 Adobe Flex 做 Video Player (0)

又係一個好簡單既問題~ 但係絕對可以玩死人~
用 Flex 想播 video 基本上只可以用 VideoDisplay component + FLV movie format
FLV movie format 可以點整呢? 當然係 Flash Video Encoder CS3~

但係 Flash Video Encoder 其實好多野未必 convert 到~
WMV? bye bye~ MOV? bye bye~ 就算 MPG 都有可能無啦啦無晒聲~
AVI 暫時算係一定可以 import 到既 format~
如果你用 Windows 的話~ 可以試下用 erightsoft 既 SUPER

http://www.erightsoft.com/SUPER.html

可以將 WMV, MOV 等等轉左 DIVX AVI~
(見到 可以直接 convert 做 FLV 既朋友唔需要興奮… 係唔 compatible 架 =.=||)

好喇~ 睇黎好似問題已經解決左~ 不過唔好意思~
當你好開心咁 convert 晒 d video~ 翻睇一次~ 你會發覺…
所有 video 一 play 到大約 3 份之 1 就會 kick 住左~
之後如果你郁 slider~ 就會無左聲… what the…

究竟係 encoder 問題? codec 問題? OS 問題?
我試晒 Windows 同 Mac 都唔 work…
但係用 Flash 既 Video component 播又無問題… 似乎又係 Flex…

咁究竟最後可以點解決呢?

YouTube…

將任何 format video 放上 YouTube (within 100Mb)
然後等 YouTube 幫你 convert 做 FLV
最後用 VideoDownloader down 返個 FLV…
Quality 算 acceptable~ 但起碼係最 stable 既解決方法~
Please Adobe! 買多幾塊烏蠅拍唔該… 太多問題喇~ 仲要下下攞命…
有幾多問題? 聽日再 Blog…

English title: How to use Adobe Flex to make a video player

Related posts

• Munsang College Biology Department Website version 3 始動~! (0)
• Sometimes I hate Flex… Sometimes (0)
• Flex FAQ #6: Layout 秘技 Part 1 (0)

岩岩完成左民生個 Biology website~
講真~ 原本只係諗住 update XHTML version (者係 version 2) 既 content~
可惜我自己又手痕… 想試下用 Flex 黎做…
原本一個鐘頭可以做完既野~ 結果用左差唔多一個星期去做~
Anyway~ 學到野~ product 我都好滿意

Munsang College Biology Department Official Website
(http://munsang.edu.hk/secondary/subject/biology/)

主頁同 version 2 無大分別~ 最大改善係 Art design~
用左適當既 alpha transparency 同埋 image reflection (web 2.0 既 standard 野)
另外一樣特別既係 home 既 content 係 randomly selected~

AJAX 做唔做到呢? 易唔易呢? 唔知…
XHTML 就一定唔得~
但係 Flex… 只係幾句~ 仲要係 very structural 咁做~
用 Flex 做 website 絕對係有佢既優點~

其實 SEO 我都有考慮過~ 不過係 Biology web 黎講就未必重要~
因為 Biology web 本身 d content 比較少字~
最多被 index 既都只係 student projects 而唔係 Biology web…
所以 SEO 基本上可以完全唔諗~

Student project page 同 version 2 一樣用 thumbnail 設計
但係就用左 tile layout~  右手面 show details~ 慳位之餘畫面吸引~
利用左 ArrayCollection filterFunction 黎做 real time searching~
又係普通 XHTML 好難做到既效果~

除左 thumbnail view 之外~ 為左方便分類而做埋 list view~
用左 Flex 3 既 AdvanedDataGrid 加 GroupCollection~
(Thanks Thomas~ 你o個招好得~)

Activites page 最大特色係 non popup image viewer~
圖雖然細左少少~ 但係勝在 manageable~ 唔會周圍 pop up~
加埋 next 同 previous buttons~ 睇圖非常方便~

version 2 有一個大問題係 movie~
有 d student provide wmv~ 有 d 就 mov~
下下想睇都可能要裝 player 或者 open third party application…

今次 version 3 將 VideoDisplay 放埋入 website
所有 movie convert 晒做 flv~ 無論 file size 定 accessibility 都提高左~!
(convert movie 可以話係地獄之旅… 有機會再 blog)

整個 website 用左好 strict 既 Cairngorm structure 去做~
所有 data 係 XML feed 入 delegate 再 parse 成 ArrayCollection of value object~ 絕對 OO~
而且亦可以係無 server side scripting 既情況底下~
令 user 可以透過改 XML instead of 一大堆 XHTML 黎改 web content

呢個 project 絕對係我 Flex 路上既重要一頁~!!

其實 Biology Website 可以話係睇住我既 skill evolution~ 聽日再 blog~

Related posts

• Sometimes I hate Flex… Sometimes (0)
• Flex FAQ#4: 利用 Adobe Flex 做 Video Player (0)
• Google 同 Yahoo! improve Flash indexing (0)