MJPEG JavaScript Player(repost)

Create a lightweight video player in JavaScript that can receive an MJPEG stream and display it on a page at a predetermined location (eg: in a div or on a canvas) on WebKit/iOS browsers. Must also expose the headers sent with each frame to javascript and be capable of automatically reconnecting in the event of stream interruption. No GUI playback controls are required.

## Deliverables

In addition to simply receiving and display an MJPEG stream--the player must be able to:

* Expose all headers received with each frame. In addition to the standard content-type header sent with each frame, the stream will also contain several arbitrary headers. The script must be able to parse these headers and expose them in an array or object(s) to the script and must be able to fire an event when the value of a header changes from the previous time that header was received.

* Be able to cleanly detect and recover from stream interruption and fire connectivity events (eg: tell the script when the stream is lost and when it is regained)

* The script must work on WebKit browsers, specifically on iOS devices and Chrome.

Skills: Amazon Web Services, CSS, Javascript, PHP, Script Install, Shell Script, Software Architecture, Software Testing, Web Hosting, Website Management, Website Testing, XML

See more: javascript mjpeg, javascript mjpeg player, mjpeg javascript player, mjpeg javascript events, mjpeg javascript, location devices, ios browsers, chrome ios, webkit, ios gui, fire an, chrome javascript, canvas javascript, event javascript, javascript canvas gui, javascript display object, canvas video player, javascript controls, chrome content script, video content player, canvas php, ios player gui, php receiving header, controls javascript, parse array php

About the Employer:
( 6 reviews ) Hershey, United States

Project ID: #2707438