13

Click here to load reader

Mozilla Shumway - opensource meetup budapest

Embed Size (px)

DESCRIPTION

Short demonstration about Mozilla's Shumway, a SWF player written in javascript.

Citation preview

Page 1: Mozilla Shumway - opensource meetup budapest

Mozilla Shumway

Page 2: Mozilla Shumway - opensource meetup budapest

Who am I?

Frontend developer at EU Edge

Page 3: Mozilla Shumway - opensource meetup budapest

Render SWF files in JavaScript

Page 4: Mozilla Shumway - opensource meetup budapest

Why?

● Atwood's Law: any application that can be written in JavaScript, will eventually be written in JavaScript.

● Leave no user behind! Flash is a zombie, but you have a tons of user generated swf files

Page 5: Mozilla Shumway - opensource meetup budapest

How?

● swf parser

● ActionScript VM

● rendering

● media playback

Page 6: Mozilla Shumway - opensource meetup budapest

SWF format

● compressed format

● good documentation from Adobe

● old (from 1996)

DefineFont, DefineFont2, DefineFont3,

DefineFont4

● really good container for animation

Page 7: Mozilla Shumway - opensource meetup budapest

ActionScript

● the Tamarin VM (AVM2) was donated by

Adobe, for the development for ES4

● originally a C++ code, but compiled to

javascript

Page 8: Mozilla Shumway - opensource meetup budapest

Rendering

● font rendering - convert the embedded font

into opentype

● shape rendering - easy, until you have to

deal with the Adobe Flash's output

● clipping, bitmaps, gradients - canvas

● bugs and no documentation

Page 9: Mozilla Shumway - opensource meetup budapest

Bugs!

Page 10: Mozilla Shumway - opensource meetup budapest

Bugs!

Page 11: Mozilla Shumway - opensource meetup budapest

Bugs!