1

Create, Share & Socialize Your Business Video sm

KZO Innovations Presents:

Best Practices for Creating and Distributing

Video for a Mobile Workforce

Flash, HTML5, Apps - Why do these matter and where to use them?

September 11, 2012

This is a free webinar. Please feel free to tweet @KZOInnovations, retweet and invite your friends using the #KZO hashtag. Share link: http://go.kzoinnovations.com/webinar/

2

Create, Share & Socialize Your Business Video sm

Speaker Bio

Jeff Fissel

• Vice President of Solutions/Co-Founder

• Founded KZO Webcasting

• Developed eLearning video content with Kidz Online

Jeff Fissel

#KZO

3

Create, Share & Socialize Your Business Video sm

Today’s Agenda

• History of Video Encoding & Encoding for Mobile

• History of Codecs

• Flash, HTML5, and Native Apps- why they matter and where to use them

• Types of Devices Supporting Flash, HTML5, & Apps

• Best Practices for Creating & Distributing Mobile Video

• Options/Solutions

• Q&A

#KZO

4

Create, Share & Socialize Your Business Video sm

1960s • Video compression began when an analogue videophone

system was developed • Required a wide bandwidth and produced only

postcard-size black-and-white pictures.

1980s • The COST211 video codec (Encoder/Decoder), based on

differential pulse code modulation, DPCM (Pulse Code Modulation is still used in CD audio files, called PCM/.wav files), was standardized by CCITT, under the H.120 standard.

History of Video Encoding & Encoding for Mobile

#KZO

5

Create, Share & Socialize Your Business Video sm

1990s

• The Motion Picture Experts Group (MPEG) started investigating coding techniques for storage of video, such as CD-ROMs.

The aim was to develop a video codec capable of compressing highly active video such as movies, on hard disks, with a performance comparable to that of VHS quality. (Source)

History of Video Encoding & Encoding for Mobile

#KZO

6

Create, Share & Socialize Your Business Video sm

History of Codecs The following table is a partial history of international

video compression standards. Year Standard Publisher Popular Implementations

1984 H.120 ITU-T

1990 H.261 ITU-T Videoconferencing, Videotelephony

1993 MPEG-1 Part 2 ISO, IEC Video-CD

1995 H.262/MPEG-2

Part 2

ISO, IEC, ITU-T DVD Video, Blu-ray, Digital Video

Broadcasting, SVCD

1996 H.263 ITU-T Videoconferencing, Videotelephony,

Video on Mobile Phones (3GP)

1999 MPEG-4 Part 2 ISO, IEC Video on Internet (DivX, Xvid ...)

2003 H.264/MPEG-4

AVC

Sony, Panasonic,

Samsung, ISO,

IEC,ITU-T

Blu-ray, HD DVD Digital Video

Broadcasting, iPod Video, Apple TV,

2008 VC-2 (Dirac) ISO, Video on Internet, HDTV broadcast,

UHDTV

(Source) #KZO

7

Create, Share & Socialize Your Business Video sm

• The bitrate needed for quality video at handset resolutions has gone down as video codecs have improved, while the practical/cheap bandwidth available to a subscriber has increased with new generations of mobile service. (Source)

• Apple launched the iPhone in 2007. It was the first multi-touch screen phone.

• Android based phones launched in 2008.

• Larger and higher-quality interfaces made mobile video viewing easier.

History of Codecs

#KZO

8

Create, Share & Socialize Your Business Video sm

How to deliver video to mobile viewers?

Flash, HTML5 or Native Applications

#KZO

9

Create, Share & Socialize Your Business Video sm

Pros:

• High level of browser support

• Supports audio, video, and advanced

interactivity

• Supports most of the common video codecs

(VP6, H.264, Sorenson)

Flash · HTML5 · Apps

Why People Use Flash…

#KZO

10

Create, Share & Socialize Your Business Video sm

• Many phones aren’t powerful enough to support Flash properly.

• Now, Flash for mobile is seemingly dead: “In November 2011, Adobe said it would stop development of the mobile browser version of Flash, admitting that HTML5 is the future for rich multimedia content on mobiles.”(Source)

• Adobe will no longer support Flash for Android after Android 4.0. There will be no certified implementations for Android 4.1. (Source)

Flash · HTML5 · Apps

Concerns with Flash…

#KZO

11

Create, Share & Socialize Your Business Video sm

Pros: HTML5 allows browsers to support native video rendering. This improves performance versus traditional plugins.

Cons: Not all phone browsers support it the same way, incomplete standard, so you have to be sure to test properly. Older browsers may not fully support HTML5.

Flash · HTML5 · Apps Why People Use HTML5…

#KZO

12

Create, Share & Socialize Your Business Video sm

Flash · HTML5 · Apps

• HTML5 standards are not fully developed

• The World Wide Web Consortium (W3C) has been working on HTML5 standardization for years.

• The HTML Working Group hope to present recommendations for the standards by May 2014

• They hope over the subsequent years they will be implemented

• However, it’s up to the browser developers to adopt the standards into their functionality which require them to go through their own technical, legal and business standards.

• Also, there has not yet been a consensus on a single video format

(Source)

Cautions – Further Review

#KZO

13

Create, Share & Socialize Your Business Video sm

Pros:

• Apps will always have the best performance/functionality

• Gives you more flexibility and control than Flash and HTML5

• Offline/disconnected capabilities

Flash · HTML5 · Apps Why People Use Apps…

#KZO

14

Create, Share & Socialize Your Business Video sm

• Device specific

• Time consuming

• Update problems

• Cost

• Development

Flash · HTML5 · Apps

Concerns with Apps…

#KZO

15

Create, Share & Socialize Your Business Video sm

Flash

• Flash is supported on Android, but if you don’t already have it on your phone, you won’t be able to get it-- Adobe is no longer offering Flash for Android as of summer 2012. (Source)

• Flash has never been supported on any Apple devices (iPhones or iPads), after Steve Jobs deemed it had poor security, negatively affected battery life, wasn’t designed for touchscreens, and does what most apps can do. (Source)

Types of Devices Supporting Flash

#KZO

16

Create, Share & Socialize Your Business Video sm

HTML5

• Recent Apple, Android, and Blackberry devices support HTML5. There are some issues, however.

Types of Devices Supporting HTML5

#KZO

17

Create, Share & Socialize Your Business Video sm

Apps

• Apps are device specific

• Developers must know various programming languages to develop apps for different devices

• All devices support custom apps, but apps might become outdated as devices are updated

Types of Devices Supporting Apps

#KZO

18

Create, Share & Socialize Your Business Video sm

Best Practices for Creating

& Distributing Mobile Video

#KZO

19

Create, Share & Socialize Your Business Video sm

To reach your audience you need to…

• Evaluate what your users need to DO with the video

• Determine if you are worried about users with older computers/browsers?

(If so, you need to leverage a delivery mechanism that still supports Flash)

Best Practices for Creating & Distributing Mobile Video

#KZO

20

Create, Share & Socialize Your Business Video sm

To reach your audience you need to…

• Evaluate your mobile workforce

What types of devices are your viewers going to have – are they company issued/bring your own?

Best Practices for Creating & Distributing Mobile Video

#KZO

21

Create, Share & Socialize Your Business Video sm

(cont’d) To reach your audience you need to…

• If everyone has their own devices, you are going to be better off using HTML5 as a standard because it is more device neutral and it will work on a variety - Blackberrys, iPhones, and Androids.

• If it is one uniform device issued by the employer, an app might be more beneficial, you can manage version control, make sure that it works on those devices, you can control the entire environment.

Best Practices for Creating & Distributing Mobile Video

#KZO

22

Create, Share & Socialize Your Business Video sm

To create your content you need to…

• Evaluate the form factors of a tablet, phone, screen size

• Do you want just video? Slides? Slides with audio? Evaluate what you want to deliver.

• Think about cross-platform development. Do you have the time and resources to develop across multiple platforms?

Best Practices for Creating & Distributing Mobile Video

#KZO

23

Create, Share & Socialize Your Business Video sm

• Once you have decided what devices your enterprise needs to support, you need to determine the necessary codecs.

• Flash – supports H.264, VP6, Sorenson

• HTML5 – browser specific

Internet Explorer 9 (Windows Phone): H.264

Firefox: Ogg, VP8 (WebM)

Google Chrome (Android): Ogg, VP8 (WebM), H.264 (support to be dropped soon)

Safari (iOS): H.264

• Apps – developer can select the codec they would like to include in their application

• To fully support HTML5, you need to ensure that you deliver your videos in all the above codecs.

Best Practices for Creating & Distributing Mobile Video

#KZO

24

Create, Share & Socialize Your Business Video sm

• Flash – great for desktop, limited mobile support

• HTML5 – emerging standard, embraced for mobile

• Apps – most flexibility and control, costly

*Look for solutions and providers that account for all of these things

Review of Options with Flash, HTML5, and Apps

#KZO

25

Create, Share & Socialize Your Business Video sm

Options/Solutions

• There are providers that will support Flash and HTML5, platforms that have flexible players and that can serve up content appropriately.

#KZO

26

Create, Share & Socialize Your Business Video sm

Q&A

#KZO

27

Create, Share & Socialize Your Business Video sm

Information About KZO Innovations

• Thank you for attending! We will send you a link to a recording of today’s webinar.

• For more information about The KZO Video Suite, please contact Jeff Fissel at jeff@kzoinnovations.com.

#KZO