Реализация flowplayer в реакции - PullRequest
Новая
       23

Реализация flowplayer в реакции

0 голосов
/ 25 апреля 2019

Я пытаюсь внедрить flowplayer с огромными возможностями, hlsjs и ima3 в реакцию.У меня есть вся конфигурация из другого проекта в формате HTML, поэтому я взял ее и создал новый компонент с моим приложением реакции.Дело в том, что я всегда получаю сообщение об ошибке «flowplayer» не определен, я уже пытаюсь использовать flow-player-реакции, но я не могу реализовать обширный и ima3, поэтому я решил использовать HTML .. я использую шлем, чтобы загрузить любой CDNsugestions?(я не могу использовать video.js для проблем совместимости)

это мой код: 

import React from 'react'
import {Helmet} from "react-helmet";


export default class Test extends React.Component{



    componentDidMount(){
        flowplayer.conf.hlsjs = {
          maxBufferSize: 0,
          maxBufferLength: 30,
          liveSyncDuration: 30
          };

      flowplayer.conf.dnaConfig = {};

      window.onload = function () {
        flowplayer("#vast", {
          ima: {
            ads: [{
              time: 0,
              adTag: "url/ad"
            },
            {
              time: 1800,
              adTag: "url/ad"
            }
            ] 
          },

          key: "$000",
          splash: true,
          live: true,
          share: false,
          ratio: 5/12,

          clip: {
            sources: [
              { type: "application/x-mpegurl",
                src:  "url" }
            ]
          }
        })

      };
    }


 render(){
  return(
    <React.Fragment>
       <Helmet>
        <script src="//releases.flowplayer.org/7.1.0/flowplayer.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/hls.js/0.8.4/hls.min.js"></script>
        <script src="//releases.flowplayer.org/hlsjs/flowplayer.hlsjs.light.js"></script>
    </Helmet>
    <div id="content">
      <div id="vast" class="flowplayer"></div>
    </div> 

    </React.Fragment>
  )};
 }
...