Не удалось прочитать свойство «буферизованный» из «исходного буфера»: Этот исходный буфер был удален из родительского источника мультимедиа. react-flv-плеер

#reactjs #live-streaming

Вопрос:

Я пытаюсь транслировать прямую ссылку flv в reactjs использовании react-flv-player . Но я получаю ошибку в консоли отладки chrome.

«Не пойманный (в обещании) Исключение DOMException: Не удалось прочитать свойство»буферизованный» из «исходного буфера»: Этот исходный буфер был удален из родительского источника МУЛЬТИМЕДИА.»

Я использую приведенный ниже код.

 <ReactFlvPlayer
          url='http://103.104.141.124:10006/live?port=1935amp;app=liveamp;stream=353376110052799'
          heigh='800px'
          width='800px'
          isMuted={false}
          isLive={true}
          // stashInitialSize={'128kb'}
          handleError={err => {
            switch (err) {
              case 'NetworkError':
                // todo
                console.log('network error')
                break
              case 'MediaError':
                console.log('network error')
                break
              default:
                console.log('other error')
            }
          }}
        />
      </div>
 

Поток flv создается с помощью nginx-http-flv-модуля.

Прямая трансляция отлично работает в VLC.

Может ли кто-нибудь сказать мне, в чем причина проблемы и какое может быть возможное решение?

Заранее спасибо.