zstars / h264-live-player

A live h264 player for the browser (ideal for raspberrypi / raspicam )

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Motivation

This is a very simple h264 video player (that can run on live stream) for your browser. You might use this with raspicam raw h264 stream. This is a player around Broadway Decoder, with very simple API. NAL unit (h264 frames) are split on the server side, transported using websocket, and sent to the decoded (with frame dropping, if necessary)

History

  • I was targetting a real-time camera video feedback (no audio/surveillance cam) in the browser
  • There is no solution for "real time" mp4 video creation / playback (ffmpeg, mp4box.js, mp4parser - boxing takes time)
  • Media Source Extension is a dead end (mp4 boxing is far too hard to re-create on the client side)
  • Broadway provide the crazy emscripten/asm build of a h264 encoder accelerated by webGL canvas
  • Here is all the glue we need, enjoy ;-)

Installation/demo

git clone git@github.com:131/h264-live-player.git player
cd player
npm install
grunt pack

node server-rpi.js    # run on a rpi for a webcam demo
node server-static.js # for sample video (static) file delivery
node server-tcp.js    # for a remote tcp (rpi video feed) sample

# browse to http://127.0.0.1:8080/ for a demo player

Recommandation

  • Broadway h264 Decoder can only work with baseline profile
  • Browserify FTW

TODO

  • Try to switch ws to uws (for performance & stability)
  • Try to revert broadway mp4 un-boxing code into a live h264 mp4-boxing design, so i can use MSE and hardware acceleration (on desktop)...

Credits

Keywords / shout box

raspberry, mp4box, h264, nal, raspivid, mse, media source extension, iso, raspicam, bitrate, realtime, video, mp4, ffmpeg, websocket, ws, socket.io "Let's have a beer and talk in Paris"

About

A live h264 player for the browser (ideal for raspberrypi / raspicam )


Languages

Language:JavaScript 95.2%Language:HTML 4.8%