qplayer-npm

This npm is a loader for Qencode Player that can be used to initiate player on client side. Below is minimalistic example for ReactJS.

import { useEffect } from 'react';

import './App.css';

import {qPlayer} from 'qplayer-npm';

let params = {
  licenseKey: 'your-player-license-key',
  videoSources: { src: "https://bitdash-a.akamaihd.net/content/sintel/hls/playlist.m3u8" }
}

function App() {

  useEffect(() => {

    // initiate player after component was mounted
    qPlayer("player", params, function(){
      console.log("Player initiated")
    });

  });

  return (
    <div className="App">
      <h1>Qencode Player test</h1>
      <div id="player"></div>
    </div>
  );
}

export default App;