A clappr FLV playback based on flv.js
Add Clappr, flv.js and the plugin scripts to your HTML:
<head>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
<!--
THIS PLUGIN IS ALSO COMPATIBLE WITH CLAPPR-CORE
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@clappr/core@latest/dist/clappr-core.min.js"></script>
--->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/flv.js@latest/dist/flv.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr-flvjs-playback@latest/dist/clappr-flvjs-playback.min.js"></script>
</head>Then just add FLVJSPlayback into the list of plugins of your player instance, and the options for the plugin go in the flvjsConfig property as shown below.
var player = new Clappr.Player({
source: "http://your.flv.video",
mimeType: 'video/flv',
plugins: [ FLVJSPlayback ],
playback: {
flvjsConfig: {
enableLogging: true, // default is "false"
// Params from flv.js
}
}
});The parameters of flvjsConfig are completely equal to the parameters of flv.js
enableLogging - enable or disable flv.js logging
Install dependencies:
npm installStart HTTP dev server http://localhost:8080:
npm startMinified version of plugin will be placed at dist/clappr-flvjs-playback.min.js
npm run buildRun linter:
npm run lintFix lint errors:
npm run lint:fixFeel free to submit issues and enhancement requests.