25
Creating Rich, Interactive, Video Experiences with Flas Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 [email protected] ve Bubble - 79 Fifth Avenue New York City - 10003 NY + 1 (212) 201 4200

Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 [email protected] Creative Bubble

Embed Size (px)

Citation preview

Page 1: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 2: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Overview

Concept

Examples

Benefits of Flash Video

Flash Video Specs

Streaming vs. Progressive

Flash Communication Server vs. FVSS

Development

Live/Collaboration

Page 3: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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?

Page 4: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Examples

Page 5: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Flash Video CMS

WWE

. Website with Flash Broadband Video player

Flash-based CMS system

Page 6: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Flash Video CMS

WWE Admin

- Flash Video CMS System

Page 7: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Lifestyle

MINI Cabrio Special

- Lifestyle Application with

interactive Video Clips

Note: Not developed by Creative Bubble

Page 8: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Lifestyle

MINI Cabrio Special

High-End video production and visual effects.

Note: Not developed by Creative Bubble

Page 9: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Marketing

Old Spice - When She’s Hot

Note: Not developed by Creative Bubble

Page 10: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Marketing

Old Spice - When She’s Hot

Utilizing broadcastcommercial for the webwith additional interactiveelements and enhanceduser experience.

Note: Not developed by Creative Bubble

Page 11: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 12: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Benefits of Flash Video

Page 13: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Benefits of Flash Video

High Player Penetration Flash Video enabled

(96.8% - United States March 2005)

Page 14: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Benefits of Flash Video

Easy to use

Providers are offering

easy to use video skins

to bring VOD/Live Flash

Video to the web within

minutes.

Page 15: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Benefits of Flash Video

Highly Customizable

Creative your own

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

Based on the Macromedia Flash platform

Go beyond simple VOD.

Page 16: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 17: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 18: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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.

Page 19: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Hands-on Training

Page 20: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Hands-On-Training

Live ExampleProgressive Download using Proxus FLVPlayer

component

Page 21: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Hands-On-Training

Live ExampleStreaming and Progressive Download without

components

Page 22: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Live/Collaboration

Examples

Page 23: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 24: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

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

Page 25: Creating Rich, Interactive, Video Experiences with Flash Creative Bubble Jens Loeffler - Amy Beer May 18, 2005 jloeffler@creativebubble.com Creative Bubble

Q & A