creating rich, interactive, video experiences with flash creative bubble jens loeffler - amy beer...

Creating Rich, Interactive, Video Experiences with Flash

Creative Bubble

Jens Loeffler - Amy Beer

May 18, 2005

[email protected]

Creative Bubble - 79 Fifth Avenue New York City - 10003 NY + 1 (212) 201 4200

Overview

Concept

Examples

Benefits of Flash Video

Flash Video Specs

Streaming vs. Progressive

Flash Communication Server vs. FVSS

Development

Live/Collaboration

Concept

Think pictures in action

Replace ‘Pages’ with ‘Stages’

Stages should adapt to the user

Involve the viewer in the evolution of the story

What pictures + actions = desired behaviors?

Examples

Flash Video CMS

WWE

. Website with Flash Broadband Video player

Flash-based CMS system

http://www.wwe.com/

Flash Video CMS

WWE Admin

- Flash Video CMS System

Lifestyle

MINI Cabrio Special

- Lifestyle Application with

interactive Video Clips

Note: Not developed by Creative Bubble

http://www.mini.com/com/en/mini_cabrio_film_clips/index.jsp?refType=teaserStandard&refPage=/com/en/general/homepage/content.jsp

Lifestyle

MINI Cabrio Special

High-End video production and visual effects.


Marketing

Old Spice - When She’s Hot


http://www.whensheshot.com/

Marketing

Old Spice - When She’s Hot

Utilizing broadcastcommercial for the webwith additional interactiveelements and enhanceduser experience.


http://www.whensheshot.com/

Companies

Companies utilizing Flash Video

•Fox Broadcasting

•Ford

•WWE

•History Channel

•IBM

•Microsoft

•Philips

•Ralph Lauren

•Red Bull

•Sony

•TOYOTA

•Yahoo!

•Vodafone

•Volvo

•ABC 7

•American Express

•American Airlines

•Ben & Jerry

•Burger King

•Discovery Channel


High Player Penetration Flash Video enabled

(96.8% - United States March 2005)


Easy to use

Providers are offering

easy to use video skins

to bring VOD/Live Flash

Video to the web within

minutes.


Highly Customizable

Creative your own

- Broadband Website- Video Application- Collaboration / Video Chat Tool

Based on the Macromedia Flash platform

Go beyond simple VOD.

http://www.macromedia.com/software/flash/flashpro/video/gallery/

Flash Video Specs

Flash 6/7 Video Codec: Sorenson Spark

Expected Codec in new version: ON2

File Format: flv*

Streaming and Progressive download

Progressive download: Regular Web server

Streaming: Flash Communication Server MX 1.5 or

FVSS (Flash Video Streaming Services)

* swf file for Flash 6 progressive download

Streaming vs. Progressive

Streaming

+ Copyright protection. Data will be streamed to user. No physical file will be downloaded + Necessary for live streaming and to jump to random positions in long video files+ Uses rtmp protocol which supports http tunneling- Occasionally problems with strict corporate firewalls

Progressive Download

+ Webserver – No special streaming server required+ Works 100% with firewalls- Not recommended for big video clips (>5 minutes / 300kbits) - Not possible to jump to a not loaded part of a video file

Flashcom vs. FVSS

Flash Communication Server MX

• Flash Video, Audio and Data Streaming

• Multiway Communication (video upstream e.g. with webcam via Flash Player)

• Allows collaboration, chat and videoconferencing solutions

FVSS (Flash Video Streaming Services)

Service provided by a selected group of providers offering Flash Video/Live Streaming.

Hands-on Training

Hands-On-Training

Live ExampleProgressive Download using Proxus FLVPlayer

component

Hands-On-Training

Live ExampleStreaming and Progressive Download without

components

Live/Collaboration

Examples

Live/Collaboration

Macromedia Breeze 5.0

Videoconferencing / Collaboration Application

• Rapid Training

• Marketing and Sales

• Enterprise Web Conferencing

Videoconferencing, File sharing, Application sharing, whiteboard, polls, Chat, PowerPoint Importer and Presenter, recording of sessions

http://www.macromedia.com/software/breeze/productinfo/meeting/experience/index_mm.html?promoid=BGVK

Live/CollaborationLive/Collaboration

FocusCast

Clients use this webcast application to: Observe and interact with live or VOD viewing from in the field -- office, home, store, public spaces -- anywhere

Track product usability & Test branding

Conduct ethnographic observation from anywhere around the globe

Conduct interactive interviews, product announcements, training and more

Benefits

Cost and Time Savings Geographic flexibility

Accessible virtually anywhere, anytimeAvailable Live or On-Demand

Available with Live Camera Operator