Skip to content

use html5 video tag with MSE for raw h264 live streaming.

Notifications You must be signed in to change notification settings

MarkRepo/wfs.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

这个库来自于:https://github.com/ChihChengYang/wfs.js 根据自己的项目需求,改进了几个地方:

  1. 为了低延时,去掉了缓存(解决延时问题)
  2. 设置mvhd.duration = 0, 开启浏览器解码的低延时模式(解决延时问题)
  3. 对websocket收到的数据进行帧解析,确保提交给remux的数据是完整的一帧(解决花屏问题)
  4. index.html 添加了rotate180,解决了倒置问题。 5。详情参考 http://www.cnblogs.com/programmer-wfq/p/7281894.html

================ wfs.js - html5 player for raw h.264 streams.

A javascript library which implements websocket client for watching and focusing on raw h.264 live streams in your browser that works directly on top of a standard HTML5 element and MediaSource Extensions.

It works by transmuxing H264 NAL unit into ISO BMFF (MP4) fragments.

Also,Implement a demo server to push video streams.

Build

git clone https://github.com/ChihChengYang/wfs.js.git

wfs.js

  1. setup node.js/npm dev environement

  2. cd wfs.js

  3. npm install

  4. npm run build

demo server

Setup go's dev environement

go get "github.com/gorilla/websocket"

go get "github.com/satori/go.uuid"

./server/build_lite.sh

Demo server serves with raw h.264 files, yet that can be easily transfered and connected to RTSP or other sources (h.264 streaming).

Demo

  1. run ./demo/wfs_server

  2. open a browser e.g. Chrome , 127.0.0.1:8888

Reference

hls.js

About

use html5 video tag with MSE for raw h264 live streaming.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published