Open Source Media Framework for Education

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Open Source Media Framework for Education Joseph Labrecque | Senior Multimedia Application Developer


Introduction

2

Joseph Labrecque Flash Platform Developer

Multidisciplinary Digital Artist

Adobe Education Leader

University of Denver

Senior Multimedia Application Developer

Center for Teaching and Learning

Fractured Vision Media, LLC

An Early Morning Letter, Displaced


University of Denver – Center for Teaching and Learning

3

The Center for Teaching and Learning (CTL) offers a

variety of faculty development opportunities including

workshops and seminars, grant funding for faculty-

initiated projects, and support and development of

technological applications that advance teaching and

learning goals.

Two Units:

Teaching and Learning Support

Grants and Teaching Support

Application and Services Support

Research and Development

Application Development

(ColdFusion, Flash, Flex, AIR, Java, PHP)

Technology Advisement and Forecasting


Topics Covered

Open Source Media Framework

What is it?

Why?

Features

Plugins

Simple Implementations

Strobe Media Playback

Flash Media Playback

Advanced Information

API Overview

4



What is OSMF?

“Open Source Media Framework (OSMF)

simplifies the development of media players

by allowing developers to assemble

components to create high-quality, full-

featured video playback experiences. This

open framework enables development

focused on web-based video monetization,

with lower costs and faster turnaround.”

http://www.osmf.org/

5

http://www.osmf.org/



Why OSMF?

Same problems to solve, again and again…

OSMF provides a standard, tested foundation upon which to build

your custom playback experience

Since the foundation is set- development can be simple and fast

Pure ActionScript that can be used in Flash Builder, Flash

Professional… or whatever IDE you choose

6



OSMF Features

Supports of host of delivery methods: HTTP Progressive, RTMP

Streaming, HTTP Streaming, Flash Access

Supports any media format the Flash Player supports: Video, Image,

Audio, and SWF

Serial and parallel sequencing of media elements

Precise layout and UI control

DVR, live seek, buffer, subclips…

Open Source Software

Robust, standard foundation for media playback clients

7



OSMF Plugins

Plugins are very easy to include in an OSMF implementation and as time

goes by, there will be more and more to choose from.

EXAMPLE: RealEyes GTracker

Used to track playback events and views through Google Analytics.

The GTrack plugin determines which tracking should be sent and what

values are sent to Google Analytics via XML configuration.

loadPlugin( {PATH_TO_PLUGIN_SWF} );

http://www.realeyes.com/blog/2010/09/27/announcing-google-analytics-plug-in-for-osmf-the-gtrack-plug-in-2/

8


























Strobe Media Playback

“Strobe Media Playback is an Open Source

Media Framework (OSMF) based media player

that you can quickly and easily integrate into

your website.

Strobe Media Playback supports all the same

video features as OSMF, including Progressive

Download, RTMP streaming, Live Streaming,

HTTP Dynamic Streaming and content

protection with Adobe® Flash® Access™ 2.0.”

http://www.osmf.org/strobe_mediaplayback.html

You host it on your own servers

Download updates when you want

9





Flash Media Playback

“Adobe® Flash® Media Playback is a free,

standard media player for the Adobe Flash

Platform. It can be used by any website with

only a few lines of HTML, enabling playback of

video and other media in minutes. With

support for the latest delivery methods, Flash

Media Playback enables web developers of all

levels to fully utilize the powerful video features

of the Flash Platform.”

http://www.adobe.com/products/flashmediaplayback/

Hosted by Adobe

OSMF RSLs cached as a SWZ

Updated along with OSMF

10





OSMF General API Overview

MediaPlayer -> Basic controller for OSMF

(listeners, volume, playback)

MediaElement -> Video or other media to load into OSMF

(video, audio, image, swf, HTML)

Traits -> Traits define the capabilities of a media element

(DisplayObjectTrait, PlayTrait, TimeTrait, AudioTrait)

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/org/osmf/media/package-detail.html

11





Simple Demo Player

12



OSMF 1.0+ in Flex SDK 4.5

The version of OSMF that shipped with

Flex 4 SDK and Flash Builder 4 was

not final! With the upcoming tools,

OSMF-based Spark components are

finally the final bits.

Flex 4.5 SDK “Hero”

Flash Builder 4.5 “Burrito”

Flash Catalyst 1.5 “Panini”

13


Flex Skinning Demo

14



OSMF Branding and Skinning

You can create all of your assets in Flash

Professional and hook them into the OSMF

APIs very easily.

Using Strobe Media Playback, you can

specify image assets as skin elements

using HTML or XML.

VideoControl in Flash Builder and Flash

Catalyst are also based on OSMF and can

be skinned just like any other Flex

component.

15


OSMF 1.5

OSMF 1.5 - Feature Complete (1.41) now available!

http://opensource.adobe.com/wiki/display/osmf/Downloads

Includes new features:

Native IP Multicast

Peer‐to‐Peer (P2P) Multicast

Native IP Multicast with fallback to P2P Multicast

FMS 3.5.3 Stream Reconnect Support

16





Q & A

17


Join me for more Adobe MAX sessions!

“Emergent Collective One” – All the Little Pieces…

Tuesday at 2:00

FITC Unconference

Giveaways - Adobe SoundBooth CS5, CDs, Stickers

Progressing beyond the Desktop at Universities with Adobe AIR

Wednesday at 11:00

LACC 514

Giveaways - Adobe Flash Professional CS5, CDs, Stickers

18


Closing

Blog: http://inflagrantedelicto.memoryspiral.com/

Twitter: @JosephLabrecque

Email: [email protected]

Thank you…

19
