13
Web & mobile video editing Web & mobile video editing Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

Building advanced web services in the browser

Embed Size (px)

DESCRIPTION

Presentation by Jonas Hombert (Jaycut) at Disruptive Code 2010.

Citation preview

Page 1: Building advanced web services in the browser

Web & mobile video editingWeb & mobile video editing

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

Page 2: Building advanced web services in the browser

Complete video editor in a web browser.

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

Main productMain product

• Remix videos and images• Add a soundtrack• Add transitions• Trim video clip• Add effects and texts to images• Add text slides• Export to any format

Page 3: Building advanced web services in the browser

SIME Innovation Day 2008 – Winner among 100 companies, ”For outstanding innovation”Chosen by Google, Ericsson and Telenor

One of 20 most promising Young European Startups 2007

Best Entertainment SiteBest Newcomer 2007 by Internetworld. Two of 10 awards won among 100 nominees

5th Most Promising Entre-preneurial IT-company 2007

Webware 100 Video Finalist 2008 by CNET

AwardsAwards

Best Systems Supplier 2008 by SIME

Jonas Hombert | CEO | [email protected] | +46 73 698 60 71

Page 4: Building advanced web services in the browser

Jonas Hombert | CEO | [email protected] | +46 73 698 60 71

CustomersCustomers

And many more…And many more…

Page 5: Building advanced web services in the browser

Secondary product, working prototypeSecondary product, working prototype

Editor with UI customized for smaller devices with touch interface.

Developed in collaboration with Intel, initially focused on mobile internet devices (MIDs) and netbooks, devices otherwise to weak to manage even basic editing.

Page 6: Building advanced web services in the browser

Future product (our golden goose)Future product (our golden goose)

Complete video editor in a mobile

• All normal features – in your pocket

• HD output

• Very cross-platform compatible due to magic happening server-side, phone itself only manages UI

Page 7: Building advanced web services in the browser

Tool quality• Oprah campaign: 1/3 of ALL submitted videos were edited with JayCut

Stickiness• Of people choosing to delete account, <2% has edited People using editing tool stick to service, churn is decreased

Content quality• Almost double (+89%) the time spent watching edited video compared to raw

Proven value to end usersProven value to end users

Jonas Hombert | CEO | [email protected] | +46 73 698 60 71

Page 8: Building advanced web services in the browser

Technology

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

Page 9: Building advanced web services in the browser

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71BackendBackend

Technology overview 1: Natural cross-platform compabilityTechnology overview 1: Natural cross-platform compability

API

Web Service

API

Web Service

Client/device only manages UI, and is agnostic to language/technology used for it.

The result is a technology which quickly can be deployed on a vast number of devices, mobile and other. [REMAINS UNMODIFIED]

Page 10: Building advanced web services in the browser

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

API (RESTful)

Application layer

API (RESTful)

Application layer

Technology overview 2: ArchitectureTechnology overview 2: Architecture

Background jobs processing(video conversion, rendering, etc.)

Worker 1Worker 1 W 2W 2 W nW n

Web services(HTTP)

Metadata storageDatabase

Media storageNetwork filesystem

Page 11: Building advanced web services in the browser

Jonas Hombert| CEO | [email protected] | +46 73 698 60 71

Server-/client-side rendering: Explanation of different workflowsServer-/client-side rendering: Explanation of different workflows

Servers User phone/computer

(creation of XML editing template)

XML created in UI (Flash/HTML5/whatever), then sent to serversXML created in UI (Flash/HTML5/whatever), then sent to servers

Servers render final video. Output in a wide variety of formats

1. Upload

2. Editing

3. Rendering &preview

4. Publish(final export, when user is done)

WebWeb

DeviceDevice

Media is uploaded to serversMedia is uploaded to servers

Low-res preview streamed backLow-res preview streamed backServers render low-res video, used for previewing

Page 12: Building advanced web services in the browser

Ambition: Edit any video on the web, using any device, anywhere, and publish to any other format, device or web page.

That’s JayCut.

Jonas HombertCEO & Co-founder

[email protected]

+46 73 698 60 71

Page 13: Building advanced web services in the browser

To consider when building your web-app: Client- VS serversideTo consider when building your web-app: Client- VS serverside

Where bulk of the work is done

Inte

nsity

of w

ork

done

(CPU

etc

)High

Low

Client-side

Server-side