solidi / biff-tannen Goto Github PK

 ______ __  ___   ______                __            
|   __ |__.'  _| |   __ .-----.---.-.--|  .-----.----.
|   __ |  |   _| |      |  -__|  _  |  _  |  -__|   _|
|______|__|__|   |___|__|_____|___._|_____|_____|__|  

BIF Reader demostrates how JavaScript can be used to read and render images from a image archive file called BIF.

A BIF file is a binary container format of images at set indices. A BIF file can contain either PNG or JPEG image formats. Resolution and sizing of the images are unlimited. Total file size should be considered.

BIF files are transmitted synchronously for client rendering. A BIF file can contain hundreds of images. It is normally used to transport trickplay preview thumbnails.

A BIF file is uploaded to the local client using the HTML5 File API. The BIF file is validated and its header information is read. The first few frames are read at the defined indices. Images are read in-memory and rendered through image tags. The images are encoded as base64 for visual rendering. No disk writes are used. A requested image index can also be displayed.

1. JavaScript
2. HTML5 File API

1. Latest Chrome (Yes)
2. Latest Firefox (Yes)
3. Latest Opera (Yes)
4. Latest Safari (Yes)
5. IE 10 (Requires testing)
6. Samsung TV 3.0 (3.0 SDK supports binary operation)
7. Mobile Platforms (when cross origin download is supported)

1. Unit testing
   • Coverage 100%
2. Cross Origin (CORS/xhr2)
   • Download bif file outside local client
3. Local Storage
   • Save to disk
   • Disk or memory options
   • Caching
4. WebGL Acceleration
   • Textured images in parallel
   • Swipe acceleration

A common library approach for most clients that require trickplay.