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.

1. Using `<script>` Tag

<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>

2. Using ECMAScript `import` and Webpack

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
  }
});

Custom attributes for `<video>` Tag

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

feixuezhang / videojs-flvh265 Goto Github PK

videojs-flvh265's Introduction

videojs-flvh265

Features

Installation

Localhost DEMO

Quick start

1. Using `<script>` Tag

2. Using ECMAScript `import` and Webpack

Custom attributes for `<video>` Tag

Events

Reference

License

Contact me

videojs-flvh265's People

Contributors

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

feixuezhang / videojs-flvh265 Goto Github PK

videojs-flvh265's Introduction

videojs-flvh265

Features

Installation

Localhost DEMO

Quick start

1. Using <script> Tag

2. Using ECMAScript import and Webpack

Custom attributes for <video> Tag

Events

Reference

License

Contact me

videojs-flvh265's People

Contributors

Recommend Projects

Recommend Topics

Recommend Org

1. Using `<script>` Tag

2. Using ECMAScript `import` and Webpack

Custom attributes for `<video>` Tag