Как реализовать прямую трансляцию с помощью HLS с использованием html и js

#html #video-streaming #html5-video #video-player #hls.js

Вопрос:

Я реализую потоковую передачу в реальном времени в своем видеоплеере HTML, но нет живого тега, который показывал бы, что потоковое видео является живым или нет?

Я использую HLS.js за это.

как можно решить эту проблему…?

 fluidPlayer(  'hls-video',  {  layoutControls: {  fillToContainer: false,  autoPlay: true,  title: 'My video title',  }  }  );   
 lt;script src="https://cdn.fluidplayer.com/3.0.0/fluidplayer.min.js"gt;lt;/scriptgt;  lt;video id='hls-video' width="560" height="315" poster=""gt;  lt;source src="https://ottrbintl3.republicworld.com/httppush/ottrbintl_republic_hindi/chunklist_4.m3u8" type='application/x-mpegURL'/gt;  lt;/videogt; 

Комментарии:

1. «но нет живого тега, который показывал бы, что потоковое видео является живым или нет?» Не ясно. Вы можете включить воспроизведение видео? Если да, то в чем еще проблема? Если вы хотите, чтобы какой-то текст или графика говорили «вживую», вы должны добавить их на веб-страницу.

2. да, я получаю видео, и оно воспроизводится, но нет текста или графики с надписью «В прямом эфире», как я могу это сделать ?