live-streaming | Spring Boot REST API for managing videos | Continuous Deployment library

I have scoured every related stackoverflow question I can find and none of them solved the issue, apologies in advance if I missed the one that would have worked.

The application I am working on converts a video or audio file to an mp4, and later on the server to an hls playlist. I just implemented audio and I wanted a background image. After reading through various options on stackoverflow I settled on the following args:

-y -i "C:\path\ExternalAudioBackground.png" -i "C:\path\Audio.mp3" -vf scale=1280:720:force_original_aspect_ratio=decrease,pad=1280:720:-1:-1:color=black -c:a copy -vcodec libx264 -pix_fmt yuv420p "C:\path\external_media_file.mp4"

This set of args was chosen because it is instantaneous due to -c:a copy as well as constraints to ensure all videos have the same aspect ratio and encoding.

The issue is when converting this to an hls stream the stream fails to play (in video.js player, and also vlc) with the message :

VIDEOJS: WARN: Segment with index 0 from playlist 0-https://domain/video.m3u8 has a duration of 464.96 when the reported duration is 0.04 and the target duration is 0.04. For HLS content, a duration in excess of the target duration may result in playback issues. See the HLS specification section on EXT-X-TARGETDURATION for more details: https://datatracker.ietf.org/doc/html/draft-pantos-http-live-streaming-23#section-4.3.3.1 https://datatracker.ietf.org/doc/html/draft-pantos-http-live-streaming-23#section-4.3.3.1

Adding -loop 1 to the start increases the processing time from millseconds to minutes, but produces a working file

Adding -r 1 and -loop 1 takes longer to process than without -r (!?)

Adding -stream_loop 116 (116 is the length of the audio in seconds divided by 4, the desired hls segment size) before the image input loops the first 4 seconds of the audio over and over

adding -g 96 (96 is the fps * 4)

In case relevant, the hls encoding arguments look like this:

-safe 0 -f concat -i listOfFiles.txt -c:a aac -ar 48000 -b:a 128k -vcodec copy -crf 20 -g 48 -keyint_min 48 -sc_threshold 0 -b:v 2500k -maxrate 2675k -bufsize 3750k -hls_time 4 -hls_playlist_type vod -hls_segment_filename segment-%03d.ts result.m3u8

listOfFiles.txt always contains only one file in the case being discussed.

How can I achieve this with the minimum processing time but still have the file convertable to HLS?

I'd like to be able to stream the video from my webcam to an Android app with a latency below 500ms, on my local network.

To capture and send the video over the network, I use ffmpeg.

I figured out how to stream video from the camera on the Raspberry Pi, and how to receive and view it in the browser with an URL like:

I am trying to display a text on the image when you hover the mouse over the text. With the code below I already managed to do it, but I encountered a certain problem. I want to adjust the height of the text box according to my preferences. So as you can see on the CSS, I made the text slightly visible, but because there is a lot of text in the text box, it covers nearly half of my image. I wanted to adjust the text box to make it cover at least 1/4 of the image, but when I put new heights the website crashed. Can somebody tell me how to adjust the height of the textbox?

---HTML---

I'm using React and PHP, and I need it to do something specific. I'm using Axios to send requests to my PHP pages which then change my database. I need to make an update to my MySQL database table that changes the is_logged value from true to false if the user closes the page or the browser. The code to do this is set in the window's beforeunload event. However, the database is never updated. Is what I'm trying to do even possible in React?

Here's my React component code:

My scenario is to pull data from a RTSP source via ffmpeg, send it to nginx-rtmp, and use nginx to provide hls playback. There are quite a lot of tutorials and q&a's on the internet. I followed this one:

https://docs.peer5.com/guides/setting-up-hls-live-streaming-server-using-nginx/

However, it miserably failed. To make things simpler to understand, I would like to ask the core question:

Who is responsible to create the m3u8 playlist file?

I tried to experiment in two steps: first, try to push a local mp4 file and play it back via HLS:

Following the above tutorial, I try to use ffmpeg to push a local mp4 file to nginx-rtmp, and use videojs to play it. The browser reported error:

I'm writing a script to get netstat status using subprocess.Popen.

I'm writing a script to get netstat status using subprocess.check_output.

I'm trying to make a basic online video editor with nodeJS and ffmpeg.

To do this I need 2 steps:

1. set the in-and-out times of the videos from the client, which requires the client to view the video at specific times, and switch the position of the video. Meaning, if a single video is used as an input, and split it into smaller parts, it needs to replay from the starting time of the next edited segment, if that makes sense.

2. send the input-output data to nodejs and export it with ffmpeg as a finished vide.

At first I wanted to do 1. purely on the client, then upload the source video(s) to nodeJS, and generate the same result with ffmpeg, and send back the result.

But there are may problems with video processing on the client side in HTML at the moment, so now I have a change of plans: to do all of the processing on the nodeJS server, including the video playing.

This is the part I am stuck at now. I'm aware that ffmpeg can be used in many different ways from nodeJS, but I have not found a way to play a .mp4 webm video in realtime with ffmpeg, at a specific timestamp, and send the streaming video (again, at a certain timestamp) to the client.

I've seen the pipe:1 attribute from ffmpeg, but I couldn't find any tutorials to get it working with an mp4 webm video, and to parse the stdout data somehow with nodejs and send it to the client. And even if I could get that part to work, I still have no idea to play the video, in realtime, at a certain timestamp.

I've also seen ffplay, but that's only for testing as far as I know; I haven't seen any way of getting the video data from it in realtime with nodejs.

So:

how can I play a video, in nodeJS, at a specific time (preferably with ffmpeg), and send it back to the client in realtime?

What I have already seen:

Best approach to real time http streaming to HTML5 video client

Live streaming using FFMPEG to web audio api

Ffmpeg - How to force MJPEG output of whole frames?

ffmpeg: Render webm from stdin using NodeJS

No data written to stdin or stderr from ffmpeg

node.js live streaming ffmpeg stdout to res

Realtime video conversion using nodejs and ffmpeg

Pipe output of ffmpeg using nodejs stdout

can't re-stream using FFMPEG to MP4 HTML5 video

FFmpeg live streaming webm video to multiple http clients over Nodejs

http://www.mobiuso.com/blog/2018/04/18/video-processing-with-node-ffmpeg-and-gearman/

stream mp4 video with node fluent-ffmpeg

How to get specific start & end time in ffmpeg by Node JS?

Live streaming: node-media-server + Dash.js configured for real-time low latency

Low Latency (50ms) Video Streaming with NODE.JS and html5

Server node.js for livestreaming

HLS Streaming using node JS

Stream part of the video to the client

Video streaming with HTML 5 via node.js

Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?

How to (pseudo) stream H.264 video - in a cross browser and html5 way?

Pseudo Streaming an MP4 file

How to stream video data to a video element?

How do I convert an h.264 stream to MP4 using ffmpeg and pipe the result to the client?

https://medium.com/@brianshaler/on-the-fly-video-rendering-with-node-js-and-ffmpeg-165590314f2

node.js live streaming ffmpeg stdout to res

Can Node.js edit video files?