[ReactJS]

Olá, tudo bem ?

Estou tentando configurar um player Hls no React para assistir alguns canais M3u8 que possuo.
Atualmente estou utilizadno dois links para realizar os testes :
-> http://pdsrv.io:80/live/MyUser/MyPassword/30432.m3u8 (Retorna um canal da Rede Record)
-> http://pdsrv.io:80/movie/MyUser/MyPassword/36448.mp4 (Retorna para o filme Coringa - 2019)

Já testei os dois links no player VLC, e estão funcionando normalmente. O código em questão que
utilizei para tentar reproduzir os canais foi :

//Diretório: ./index.jsx
import { StrictMode } from "react";
import ReactDom from "react-dom";
import Player from "./Player";

const rootElement = document.getElementById("root");
ReactDOM.render(
<StrictMode>
<Player />
</StrictMode>,
rootElement
);


//Diretório: ./Player.jsx
import React from "react";
import ReactHlsPlayer from "react-hls-player";

export default class HLSPlayer extends React.Component {
render() {
return (
<ReactHlsPlayer
url="http://pdsrv.io/movie/MyUser/MyPassword/36448.mp4"
autoplay={true}
controls={true}
width="1200"
height="auto"
/>
);
}
}

A resposta que obtenho :




O player fica carregando em um loop eterno, e nunca termina de carregar. Ainda sou novo nesse ramo da programação e provavelmente devo estar fazendo alguma coisa de errado. Alguém poderia me ajudar ?

Continue reading...