README
videojs-flvh265
This is a Video.js Tech for FLV + H265. Make Video.js has the ability to play flv + live/local video encoded with h264/h265.It's decoder comes from WXInlinePlayer.
Features
Format↓ | H.264 | H.265 | live stream | local file | seek | comment |
---|---|---|---|---|---|---|
.flv | √ | √ | √ | √ | × | |
.mp4 | × | × | × | × | × | coming soon |
.ts | × | × | × | × | × | no plan |
Installation
npm install --save videojs-flvh265
Localhost DEMO
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.
<script>
Tag
1. Using <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"></script>
<script src="/node_modules/videojs-flvh265/dist/videojs-flvh265.js"></script>
<script>
videojs('player', {
techOrder: [
'html5',
'flvh265'
],
controlBar:{
pictureInPictureToggle:false //sorry,we don't support pictureInPicture now
}
});
</script>
import
and Webpack
2. Using ECMAScript And this javascript library supports UMD also.
import videojs from 'video.js';
import 'videojs-flvh265';
videojs('player', {
techOrder: [
'html5',
'flvh265'
],
controlBar:{
pictureInPictureToggle:false //sorry,we don't support pictureInPicture now
}
});
<video>
Tag
Custom attributes for 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
License
GPL Version 2. Copyright (c) coffe1891.
Contact me
- Email: kai521@gmail.com
- Webchat: kenny2019