360º Photo, Video and Product

1

Kieran Farrkfarr@brightcove.comSeptember 28, 2016Video Product Meetup at Brightcove SF

2

What is the agenda for today?• 7:00 pm: First talk: How to Integrate 360 Video/VR/AR Into Your Product, Kieran Farr,

Brightcove

• 7:30 pm: Second talk: Better 360 Image Navigation Online, Christian Claus, Holobuilder

• 8:00 pm: Break

• 8:15 pm: Third talk and demo: RICOH THETA and Drones, Eddie Codel, eddie.com

INTRODUCTION

3

Who are you? Why are you here? Put your hands up!- Product

- Dev

- Marketing

- Sales

- Ops

- Hiring?

- Looking for work?

- Learning?

INTRODUCTION

4

Who am I? Why am I here?- Video geek, from production hardware to

software dev

- Took over meetup from Patrick

- Want to focus on learning new trends and

provide networking opportunity

INTRODUCTION

5

What am I talking about today? - Is 360º photo and video ready for mainstream products? If yes, how?

AGENDA- Market – Where is $$$ being made today?

- Use cases – How is it used?

- Technical – What is possible?

- How – How to integrate 360 appropriately for different user personas?

- Advantage – How can you be ahead of the early competition?

- What’s Next – Where to go from here?

INTRODUCTION

6

Is it VR or 360º?Colloquially when Joe Blow says “VR” it is a loose term:• Virtual Reality (Desktop HMD) > Hardcore geeks say this is the only VR definition

• Cardboard / Mobile Experience

• 360 Video and Photos

• Augmented Reality

Why focus on 360º photo and video now? Why not VR?• 360º is the “best bang for the buck”

• Fits existing production and file format workflows

• Precursor to more advanced virtual reality technology (photogrammetry)

• (IAB Report on Virtual Reality Adoption)

MARKET

7

Where is 360º $$$ being made today?

A

B

C

MARKET

8

Where is 360º $$$ being made today?

Architecture

Building

Construction

Real Estate

MARKET

9

Where is 360º $$$ being made tomorrow?

Learning (Corporate)

Medical

Travel

Live / Realtime Comms*

Entertainment

MARKET

10

Is the market big enough?Production

- Consumer sub $500 on market NOW >> Ricoh Theta S, Samsung Gear360, LG 360- Prosumer over $500 NOW >> Nokia, Kodak- A dozen more products announced or in pre-order

Consumer

- 70 Million VR-Enabled Smartphones Projected To Ship THIS YEAR 2016- 9 Million HMD shipments estimated THIS YEAR 2016:

6 Million PlayStation VR, Oculus Rift 700k, and HTC Vive 2.3 Million

MARKET

11

Is the market big enough?Production

- Consumer sub $500 on market NOW >> Ricoh Theta S, Samsung Gear360, LG 360- Prosumer over $500 NOW >> Nokia, Kodak- A dozen more products announced or in pre-order

Consumer

- 70 Million VR-Enabled Smartphones Projected To Ship THIS YEAR 2016- 9 Million HMD shipments estimated THIS YEAR 2016:

6 Million PlayStation VR, Oculus Rift 700k, and HTC Vive 2.3 Million

MARKET

YES

12

What products exist today?

PRODUCT

- http://www.sliver.tv/ - Video game streaming

- http://istaging.co/en/ - Interior design

- https://www.pie.video/ - 360º social content sharing

- http://patientvr.co.uk/ - Medical training

- http://landing.holobuilder.com/construction - Construction

13

What are the user stories? Who are the personas?

PRODUCT

- As a semi-technical user, I want to be able to quickly and

easily post 360º photo or video content within the

application workflow to accomplish (x) (y) and (z)

- As a non-technical user, I want to see a 360º video or

photo on any device that integrates with application

workflow for use case (x) (y) and (z)

14

Two separate flows:

PRODUCT

2) VIEWING1) POSTING

15

POSTING:

PRODUCT

- OK / MVP: Standard blocking upload file

- BETTER: Upload + App Metadata

- BEST: Interactive upload

experience (https://www.pie.video/upload)

> “distract” user from the long upload times

16

VIEWING:

PRODUCT

- SO MANY OPTIONS - This is where the art is. This depends on your

specific application.

- OK / MVP: Vanilla pan-and-scan 360º

- BETTER: Mobile device support

- BEST: VR HMD support

- BESTER: Integrate application specific workflow in viewing experience

17

What is possible?

- “Apps” – Native applications for Mobile and PC

(using Unity and Unreal)

- “Web” – Using web to deliver experience

TECHNICAL

18

What is possible?

- “Apps” – Native applications for Mobile and PC

(using Unity and Unreal)

>> SHORT TERM WINNER

- “Web” – Using web to deliver experience

>> LONG TERM WINNER

TECHNICAL

19

Why focus on Web for VR and 360º delivery?

- Widest device support

- Write once, run everywhere

- Capability coming very soon

- Excellent prototyping for beginners

TECHNICAL

20

WebVR – Why is this important?

- Been in development for years

- Finally coming to fruition, confirmed on:

Chrome, Firefox, Samsung GearVR, IE Edge

- Supported devices:

GearVR, Oculus Rift, HTC Vive, Google Cardboard

(iOS and Android), PC / Mac (manual controls)

TECHNICAL

21

WebVR – What is it?

A-Frame.io

Three.js

WebGL + WebVR

Browser

Computer / Device

HMD

TECHNICAL

22

WebVR – Mozilla A-Frame is AWESOME

TECHNICAL

23

WebVR – Mozilla A-Frame is AWESOME

TECHNICAL

<a-scene>

<a-sky src="puydesancy.jpg" rotation="0 -130 0"></a-sky>

</a-scene>

Demo Link: https://aframe.io/examples/showcase/sky/

Source: https://github.com/aframevr/aframe/blob/master/examples/boilerplate/panorama/index.html

24

How to be a step ahead?- Navigation and UI/UX (next speaker)

- Go a step ahead and integrate capture from your app!

- 360º analytics

- Live / realtime broadcasting

CLOSING

25

Now what?- LEARN (resources)

https://aframe.io/

http://theta360.guide/

- CONNECT (Slack: webvr, aframevr, piecreators; Reddit)

- EXPERIMENT (try it out)

- SHARE (future meetup)

CLOSING