videojs-fetch-flv

A videojs plugin to download http-flv stream

!image

Table of Contents

- Installation
- Usage
-




`

or

`html





`

or

`html





`

$3

Install videojs-fetch-flv via npm and import the plugin as you would any other module.
You will also need to import the stylesheet in some way.

`js
import videojs from 'video.js'
import 'videojs-fetch-flv'
import 'videojs-fetch-flv/dist/videojs-fetch-flv.css'

const player = videojs('my-video')
player.fetchFlv()
// player.fetchFlv({
// isLive: true
// })
`

or

`js
import videojs from 'video.js'
import 'videojs-flvjs-es6'
import 'videojs-fetch-flv'
import 'videojs-fetch-flv/dist/videojs-fetch-flv.css'

const options = {
plugins: {
fetchFlv: {
isLive: false,
...
}
}
}
const player = videojs('my-video', options)
`

$3

When using with Browserify, install videojs-fetch-flv via npm and require the plugin as you would any other module.

`js
var videojs = require('video.js')

// The actual plugin function is exported by this module, but it is also
// attached to the Player.prototype; so, there is no need to assign it
// to a variable.
require('videojs-fetch-flv')

var player = videojs('my-video')
player.fetchFlv()
`

$3

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the plugin as you normally would:

`js
require(['video.js', 'videojs-fetch-flv'], function(videojs) {
var player = videojs('my-video')
player.fetchFlv()
})
`

Methods

$3

Show record button control

$3

Hide record button control

$3

update options.isLive value

$3

When the player is playing, you can manually record.

`js
player.on('play', () => {
player.fetchFlv().start()
})
`

$3

When the player is playing, you can manually stop the recording and download the recording file.

Note: When closing or destroying the player, if you are recording, it is best to call stop() first

`js
player.on('error', () => {
player.fetchFlv().stop(isSaveFile)
})
`

isSaveFile: Boolean, default false

- true: stop fetch and save the media file
- false: stop fetch only

Configuration

| Property | Attributes | Type | Default | Description |
| :------------ | :--------: | ------- | -------------------- | ------------------------------------------------------------ |
| isLive | Optional | Boolean | true | Download parameters. True is used to download http-flv, false is used to download directly by the browser |
| beforeElement | Optional | String | fullscreenMenuToggle | Name of the player.controlBar component for the button to be attached before |
| controlText | Optional | String | Download | String for the control button title |
| position | Optional | String | top-right | The location to place the record status div (top-left, top-right, bottom-left, or bottom-right) |
| opacity | Optional | Number | 1 | The opacity of the record status div (from [0, 1]`). If not specified, it will default to 1. |

License

MIT. Copyright (c) lin557

[videojs]: http://videojs.com/