Adobe OSMF Video Player
From KickApps API Reference
Contents |
Introducing the Open Source Media Framework (OSMF)
Adobe's Open Source Media Framework (OSMF) "enables developers to easily assemble pluggable components to create high-quality, full-featured playback experiences." KickApps has partnered with Adobe to offer an OSMF-driven video player in the App Studio, complete with an interface for adding OSMF plug-ins. Our OSMF Video Player is available in the App Studio under the Templates panel. It's available to showcase the rich featureset of the OSMF now, and will be available for deployment when the OSMF reaches its 1.0 release. Check out the video and information below to see how it works!
The OSMF Video Player in the App Studio
To try out the OSMF Video Player, open up the App Studio and drag the OSMF Video Player icon to the stage. It's located under the Templates panel on the left.
Click the video screen to select the OSMF Video Player. The following properties panels will appear on the right.
- Content
- Enter a URL to a progressive video download or a streaming video.
- Settings
- Scrubber
- Assign the OSMF Video Player a Scrubber component.
- Volume Control
- Assign the OSMF Video Player a Volume Control component.
- Scale Mode
- Stretch
- Stretch the video horizontally and vertically to fill the whole video screen.
- Letter Box
- Fit the video into the video screen vertically. Fill the negative space on its left and right sides with black bars.
- Zoom
- Zoom into the video to fill up as much of the video screen as possible without clipping the video.
- None
- Stretch
- Auto Play
- Scrubber
- Layout
Add OSMF Plug-Ins
- Select the OSMF Video Player component.
- Click the Manage Plugins button in the OSMF Plug-Ins panel at the top of the right column.
- Click the checkbox next to any plug-ins that you'd like to enable for your player. Information on each plug-in follows.
Akamai Basic Streaming
Connects the OSMF player to progressive or streaming videos from Akamai. With this option selected, the OSMF player will use this plug-in to render the content served up by the URL in its Content panel.
Sample RTMP stream
rtmp://cp67126.edgefcs.net/ondemand/mediapm/osmf/content/test/akamai_10_year_f8_512K
GlanceGuide Tracking
Sends rich video analytics data into your GlanceGuide account.
With the GlanceGuide Tracking plug-in activated per the above,
- Click "GlanceGuide Tracking" in the OSMF Plugins panel.
- Enter your GlanceGuide Account ID in the input box at the bottom of the OSMF Plugins panel.
VAST
VAST is a standards-based format for describing video ad packages. It can be used in tandem with MAST when multiple VAST ads need to be sequenced within the same player (see the MAST plug-in below). The VAST plug-in enables you to run VAST-based ads in your OSMF video player.
With the VAST plug-in activated per the above,
- Click "VAST" in the OSMF Plugins panel.
- Enter a URL to a VAST ad in the input box at the bottom of the OSMF Plugins panel.
Sample ad tag
http://ad.doubleclick.net/pfadx/N270.135279.6816128834321/B3442378.2;dcadv=1379578;sz=0x0;ord=123;dcmt=text/html
MAST
MAST is an XML format that describes when and where to run an ad specified in a VAST document. You can think of MAST as a playlist for VAST ads. For more information see [1].
With the MAST plug-in activated per the above,
- Click "MAST" in the OSMF Plugins panel.
- Enter a URL to a MAST document in the input box at the bottom of the OSMF Plugins panel.
Sample ad tag
http://mediapm.edgesuite.net/osmf/content/mast/mast_sample_onitemstart.xml
Closed Captioning
Runs closed captions from an external file, synchronized to the current video.
With the Closed Captioning plug-in activated per the above,
- Add a text component to your widget by dragging the Text component from the Components panel on the left onto the stage. Position it wherever you'd like, and make sure to adjust the color of the text so it doesn't blend in with your video under the Fonts panel on the right. Also take note of the name of this text component. You can find it in the Layers panel and in the top bar above the stage, next to the Publish button.
- Select the OSMF Video Player again.
- Click "Closed Captioning" in the OSMF Plugins panel.
- Enter a URL to a Closed Captioning document URL in the input box at the bottom of the OSMF Plugins panel and click Apply. Here's a sample URL:
http://mediapm.edgesuite.net/osmf/content/test/captioning/akamai_sample_caption.xml - Enter the name of your text component in the Text Area ID field and click Apply.
Developers: create OSMF plug-ins
If you’re an Open Source Media Framework (OSMF) developer, you need to join the KickApps OSMF developer program. The program makes it possible for the first time for developers to easily distribute their OSMF plug-ins to over 100,000 publishers and Flash video player developers at some of the largest brands and media companies around the world. For more information about OSMF, read this post by Elad Elrom and check out the presentation given by Derek Wischusen at Adobe MAX 2009 below.
If you have an OSMF plug-in or are interested in developing one, please email your contact information and a short description about your OSMF plug-in to osmf@kickapps.com and we'll work with you to get your plug-in added to our OSMF plug-in list.