OSMF 介紹 Ticore Shih 2012/12/19
OSMF 設計目的•   SWF, Video, Audio, Image, Text, ....•   Delivery via CDN•   Ads•   Tracking•   Social Networking
我為什麼要用 OSMF• CDNs Protocol    – Secure Stream Token    – FCSubscribe•   Dynamic Streaming (Multi-Bitrate)•   Smooth Switch...
OSMF Player 組件架構 (MVC)            Player Component   MediaPlayer            MediaElement   (Controller)             (Model...
預設 OSMF Player 組件• Flash AS3  – org.osmf.media.MediaPlayerSprite• Flex Spark  – spark.components.VideoDisplay  – spark.com...
Player Component• 建立 MediaFactory, MediaPlayer, MediaContainer• 載入 Plugin• 建立 MediaElement (via MediaFactory or not)• 對外暴露...
MediaElement• 種類   –   VideoElement   –   ImageElement   –   SWFElement   –   ProxyElement   –   SerialElement   –   ...• ...
MediaElement Trait                    PlayTrait   play, stop, pause                    TimeTrait   duration, currentTime  ...
MediaElement Metadata• 與 Trait 類似,只有定義 key-value 資料組合• MediaElement 與 MeidaPlayer 或其它 MediaElement  之間資訊傳遞用介面• 常用公開類別只有 La...
MediaElement Composition                            Banner AdParallelElement                              Episode,        ...
ProxyElementDurationElement                  PlayTrait   play, stop, pauseImageElement      TimeTrait   duration, currentT...
MediaElement 產生流程                                     MediaPlayer                                                ResourceM...
OSMF Plugin• 依據 Resource 種類與 Domain 提供額外客製化功能• 封裝視覺與非視覺的 Media• 透過 API 宣告自身能力,提供 MediaFactory 自省• 載入方式:Static Plugin、Dynam...
OSMF Plugin• 依功能區分 – Standard Plugin   一個 Resource 產生一個 MediaElement – Proxy Plugin   一個 Resource 產生一個 MediaElement   以及多個...
•   http://osmf.org/•   http://blogs.adobe.com/osmf/•   http://forums.adobe.com/community/opensource/osmf
Version Matrix•   OSMF             0.7.0   1.0          1.5    1.6    1.6.1   2.0•   Flash Player     10.0    10.2        ...
Upcoming SlideShare
Loading in …5
×

OSMF 介紹

867 views
671 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
867
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

OSMF 介紹

  1. 1. OSMF 介紹 Ticore Shih 2012/12/19
  2. 2. OSMF 設計目的• SWF, Video, Audio, Image, Text, ....• Delivery via CDN• Ads• Tracking• Social Networking
  3. 3. 我為什麼要用 OSMF• CDNs Protocol – Secure Stream Token – FCSubscribe• Dynamic Streaming (Multi-Bitrate)• Smooth Switching Channel• SWF Verification (Embed SWF)• Error Log
  4. 4. OSMF Player 組件架構 (MVC) Player Component MediaPlayer MediaElement (Controller) (Model) MediaContainer (View)
  5. 5. 預設 OSMF Player 組件• Flash AS3 – org.osmf.media.MediaPlayerSprite• Flex Spark – spark.components.VideoDisplay – spark.components.VideoPlayer spark.skins.spark.VideoPlayerSkin
  6. 6. Player Component• 建立 MediaFactory, MediaPlayer, MediaContainer• 載入 Plugin• 建立 MediaElement (via MediaFactory or not)• 對外暴露 Superset API
  7. 7. MediaElement• 種類 – VideoElement – ImageElement – SWFElement – ProxyElement – SerialElement – ...• Trait (API)• Metadata (Property)
  8. 8. MediaElement Trait PlayTrait play, stop, pause TimeTrait duration, currentTime VideoElement SeekTrait seek, seeking ….對照方式 MediaTraitType 常數AUDIO, PLAY, SEEK, TIME, LOAD, BUFFER, …
  9. 9. MediaElement Metadata• 與 Trait 類似,只有定義 key-value 資料組合• MediaElement 與 MeidaPlayer 或其它 MediaElement 之間資訊傳遞用介面• 常用公開類別只有 LayoutMetadata• 事件功能:valueAdd, valueChange, valueRemove
  10. 10. MediaElement Composition Banner AdParallelElement Episode, Episode Mid-Roll Ad Continued SerialElement
  11. 11. ProxyElementDurationElement PlayTrait play, stop, pauseImageElement TimeTrait duration, currentTime SeekTrait seek, seeking
  12. 12. MediaElement 產生流程 MediaPlayer ResourceMediaFactory PluginInfo1 PluginInfo2MediaFactoryItems• Id .createMediaElement(resource)• type• canHandleResourceFunction• mediaResourceCreationFunction MediaElement
  13. 13. OSMF Plugin• 依據 Resource 種類與 Domain 提供額外客製化功能• 封裝視覺與非視覺的 Media• 透過 API 宣告自身能力,提供 MediaFactory 自省• 載入方式:Static Plugin、Dynamic Plugin• MediaPlayer 不應該直接使用 Plug-in,而是透過 MediaFactory.createMediaElement 建立 MediaElement
  14. 14. OSMF Plugin• 依功能區分 – Standard Plugin 一個 Resource 產生一個 MediaElement – Proxy Plugin 一個 Resource 產生一個 MediaElement 以及多個 ProxyElement – Reference Plugin 知道每個產生 MediaElement 但本身不一定產生 MediaElement
  15. 15. • http://osmf.org/• http://blogs.adobe.com/osmf/• http://forums.adobe.com/community/opensource/osmf
  16. 16. Version Matrix• OSMF 0.7.0 1.0 1.5 1.6 1.6.1 2.0• Flash Player 10.0 10.2 10.2 10.2 10.2 10.2 (min 10.0)• Flex SDK 4.1.0 4.5.0 N/A N/A N/A N/A 4.5.1 4.6.0

×