https://github.com/coffe1891/videojs-flvh265
This is a Video.js' Tech for FLV + H265
https://github.com/coffe1891/videojs-flvh265
flv h264 h265 h265-hevc playback videojs webassembly
Last synced: 6 months ago
JSON representation
This is a Video.js' Tech for FLV + H265
- Host: GitHub
- URL: https://github.com/coffe1891/videojs-flvh265
- Owner: coffe1891
- License: other
- Created: 2020-08-08T05:56:07.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-08-27T07:20:38.000Z (about 5 years ago)
- Last Synced: 2025-03-25T09:47:26.574Z (7 months ago)
- Topics: flv, h264, h265, h265-hevc, playback, videojs, webassembly
- Language: JavaScript
- Homepage:
- Size: 4.71 MB
- Stars: 73
- Watchers: 3
- Forks: 16
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# videojs-flvh265
This is a Video.js [Tech](https://docs.videojs.com/tutorial-tech_.html) for FLV + H265.
Make [Video.js](https://videojs.com/) has the ability to play flv + live/local video encoded with h264/h265.It's decoder comes from [WXInlinePlayer](https://github.com/coffe1891/WXInlinePlayer).
## Features
Format↓ | H.264 | H.265 | live stream | local file | seek | comment
---------|-------|-------|-------------|------------|------|-------------
**.flv** | √ | √ | √ | √ | × |
**.mp4** | × | × | × | × | × | coming soon
**.ts** | × | × | × | × | × | no plan
## Installation
```sh
npm install --save videojs-flvh265
```
## Localhost DEMO
```sh
npm run serve
```
## Quick start
This is the simplest case. Get the script in whatever way you prefer and include the plugin _after_ you include **video.js**, so that the `videojs` global is available.
### 1. Using `` Tag
```html
<link href="/node_modules/video.js/dist/video-js.css" rel="stylesheet">
<video id="player"
height="300"
width="600"
class="video-js vjs-big-play-centered"
controls
autoplay
loop
ish265
islive
hasvideo
hasaudio
>
<source src="http://localhost:8080/src/5s_265.flv" type='video/x-flv'/>
</video>`
<script src="/node_modules/video.js/dist/video.js">
videojs('player', {
techOrder: [
'html5',
'flvh265'
],
controlBar:{
pictureInPictureToggle:false //sorry,we don't support pictureInPicture now
}
});
```
### 2. Using ECMAScript `import` and Webpack
And this javascript library supports UMD also.
```javascript
import videojs from 'video.js';
import 'videojs-flvh265';
videojs('player', {
techOrder: [
'html5',
'flvh265'
],
controlBar:{
pictureInPictureToggle:false //sorry,we don't support pictureInPicture now
}
});
```
## Custom attributes for `` Tag
```JavaScript
ish265 // boolean : true/false
// true means that video is encoded with h265, false means h264.
islive // boolean
hasvideo // boolean
hasaudio // boolean
lib // string : Folder path of libs.
// Default value of lib is "/node_modules/wx-inline-player-new/example/".
// Most of the time, you must set libs folder path,just copy these libs from
// "/node_modules/wx-inline-player-new/example/" to your final folder,then set
// lib="the final folder path",e.g. lib="https://www.domain.com/libs/"
```
## Events
support these events of Video.js
```
loadstart
loadedmetadata
play
pause
playing
waiting
ended
volumechange
durationchange
error
```
## Reference
* [FLV wikipedia](https://zh.wikipedia.org/wiki/Flash_Video#FLV%E6%96%87%E4%BB%B6%E6%9E%84%E6%88%90)
* [FLV cnblogs](https://www.cnblogs.com/lidabo/p/9018548.html)
## License
GPL Version 2. Copyright (c) [coffe1891](https://github.com/coffe1891).
## Contact me
* Email: kai521@gmail.com
* Webchat: kenny2019