https://github.com/jimmyvv/httplive
http-chunked for live, easily implement and combine
https://github.com/jimmyvv/httplive
httpflv httplive mse playback
Last synced: 9 months ago
JSON representation
http-chunked for live, easily implement and combine
- Host: GitHub
- URL: https://github.com/jimmyvv/httplive
- Owner: JimmyVV
- License: apache-2.0
- Created: 2018-01-29T04:54:16.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-30T06:00:53.000Z (about 8 years ago)
- Last Synced: 2025-08-31T14:37:17.126Z (9 months ago)
- Topics: httpflv, httplive, mse, playback
- Language: JavaScript
- Homepage:
- Size: 7.31 MB
- Stars: 112
- Watchers: 1
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Introduction
When the MSE technology is accepted by most of browser, front-end developers can do much more multimedia things. And now, more than 80% browser has supported it. In China, X5, the largest market share of the kernel, will support it in early 2018. `httplive` achieves live stream playback of httpflv protocol depending on MSE. Based on the loaders idea, it decouples and encapsulates modules in `httpflv`, like HttpChunked, MuxController, MSEController. If you want to customize you owner player, you just need to simply follow the relevant standards. And this is the main idea:
> httplive is not a library, but a standards of front-end live stream playback
## DEMO
[HTTPLive demo](https://jimmyvv.github.io/live/index.html)
## Languages
中文版请参考：[readme_cn.md](./README_cn.md)
## Features
- Customization
- Playrate playback
- High effective A/V sync algorithm
- Easily
## Install
```
npm install httplive --save
```
## Get Started
```
import HTTPLive from 'httplive';
let video = document.getElementById('videoTag');
let flv = new HTTPLive({
video
});
video.addEventListener('canplaythrough',()=>{
video.play();
},false);
flv.send('https://xxx.flv');
```
If you want to use custom modules to replace existing modules, you can simply do like this:
```
import {CustomPlayer} from 'httplive';
import WebSocketChunked from 'custom';
// Replace HTTPChunked module by WebSocketChunked.
const HTTPLive = CustomPlayer({
HTTPChunked: WebSocketChunked
});
let flv = new HTTPLive({
video
});
...
```
Later, I will show you about the standard protocols of these modules in wiki.
## API
[api.md](./docs)
## Contact
If you are interested in MSE and live stream playback, you can scan the QR_code and join us in QQ.
After you scan it, you will receive a question and its answer is `MSE`
For these people who don't have a QQ account,you can send me a [email](mailto:villainthr@gmail.com) and keep contact.
- villainthr@gmail.com
When you meet some problem about httplive, you can show us [issue](https://github.com/JimmyVV/httplive/issues/new). Httplive is an open-source repo,so we welcome people to check and optimze it and contribute your [PR](https://github.com/JimmyVV/httplive/pulls)
## LICENSE
httplive is under the Apache License. See the LICENSE file for details.