GStreamer H264 stream to HTML5 webpage - ffmpeg

I have a Linux board with a camera connected to it that is recording whatever goes on to a mp4 file(s) on the SD card of the board. I'm using gstreamer which connects to the /dev/video1 source and uses H264 encoding. I run it with a command similar to this one:
gst-launch-1.0 v4l2src device=/dev/video1 ! video/x-h264,width=640,height=480,framerate=30/1 ! h264parse ! rtph264pay ! udpsink host={host} port={port}
The upper part works fine and records everything locally, but I'd also like to stream this video to a HTML5 webpage, which is meant to change camera options and have a live preview.
I tried using HTTP via tcpsink and HLS via hlssink, but both resulted in a 8-10 second delay, which is basically unusable. The only thing that has no delay is the UDP sink. As far as I know the only way to catch the UDP stream is by having a tool like FFMPEG in the middle, that can convert the UDP stream to MJPEG for instance and serve it to the webpage.
That would probably work, but the board doesn't have a very good CPU and is already at 50% utilization. Converting stream via FFMPEG would probably push it to 100%.
Is there any other way to stream to a webpage without delay?

Related

What is the process of converting an image stream into an H.264 live video stream?

How does live streaming, using any protocol/codec, work from end-to-end?
I have been searching google, youtube, FFMPEG documentation, OBS source code, stack overflow, but still cannot understand how live video streaming works, from videos. So I am trying to capture desktop screenshots and convert that to a live video stream that is H.264 encoded.
What I know how to do:
Capture screenshot images using Graphics.CopyFromScreen with C# on some loop
Encode the bits and save images as JPEG files
Send JPEG image in base64 one-at-a-time and write it on a named pipe server
Read image buffer from named pipe on a nodejs server
Send base64 jpeg image over socket to client to display on a web page, each frame
What I want to be able to do:
Encode, I assume chunks, images into some H.264 format for live streaming with one of the protocols (RTMP, RTSP, HLS, DASH)
Push the encoded video chunks onto a server (such as an RTMP server), continuously (I assume ever 1-2 seconds?)
Access server from a client to stream and display live video
I've tried using FFMPEG to continuously send .mp4 files onto an RTMP server but this doesn't seem to work as it closes the connection after each video. I have also looked into using ffmpeg concat lists but this just combines videos, it can't append videos read by a live stream to my understanding and probably wasn't made for that.
So my best lead is from this stackoverflow answer which suggests:
Encode in FLV container, set duration to be arbitrarily long (according to the answer, youtube used this method)
Encode the stream into RTMP, using ffmpeg or other opensource rtmp muxers
Convert stream into HLS
How is this encoding and converting done? Can this all be done with ffmpeg commands?

Stream Video from Raspberry Pi to my Webpage

I want to live stream the video captured on my SJ 4000 Camera.
The Camera is Connected to my Rpi by Wi-Fi and the stream is available using the following address: rtsp://192.168.1.254/sjcam.mov
Now, I want to watch this stream in my webpage by using a Streaming Engine on Raspberry Pi.
The rtsp://Camera addr works when I Connected the Camera directly to my Windows PC and attempted using VLC. But I wanted to do it by using Rpi as the streaming engine.
I have attempted the following:
1) Using ffmpeg -i "rtsp://[IP_ADDR]" -vcodec -f http://[my_pc_IP_ADDR]
But am getting an error message "Unable to find a suitable output format for 'http://192.168.55.39:5678".
2) Installed OMX Player. But I do not find proper material to stream using OMX Player.
3) Have come across GStreamer. But still the same problem..I did not find proper material.
Kindly provide your valuable inputs.
Thanks.
If you can launch thttpd or any other HTTP server on the Pi then this and this might work for you - both answers describe how to use ffmpeg to transcode RTSP to an HLS playlist. If running a HTTP server is not an option then you need to combine ffmpeg and ffserver - the are numerous examples (i'll update the answer if I find one that fits your case).

Does the "live=1" on ffmpeg rtmp urls mean that the stream is live and you cannot rewind or pause it?

Or does it have some other meaning? I have searched all over the internet, and the documentation is very thin on it... If someone could point me to something that explains exactly what it is, I would appreciate it.
I am talking about this:
ffmpeg "rtmp://...... live=1" .....
tia.
Short answer is yes.
RTMP has live streaming support and vod support. 'live=1' means the rtmp is running a live streaming. In this case, the media server is receiving video feed from source in real-time. Therefore, rewind back to a previous time is not a supported action. Without 'live=1', RTMP is running on vod mode, which means the entire video pre-exist on media server, then the server is capable of rewinding back, or seek to a random position of the video.
Although technically, on client side (preferably with a software, not webpages), if you maintain buffer your self, you can rewind or pause one way or another. Since you are saving data as you are receiving from media server and everything is under your control, you will be capable of rewind and pause live streams. But you will have to implement the buffering and decoding mechanism yourself. ffmpeg command will not be able to help on this.

stream webcam using ffmpeg and live555

I am new to live555.
I want to stream my webcam from a windows 7 (64-bit) machine behind home LAN using ffmpeg as the encoder to a live555 server running on a Debian 64-bit linux machine in a data center over the WAN. I want to send a H.264 RTP/UDP stream from ffmpeg and the "testOnDemandRTSPServer" should send out RTSP streams to clients that connect to it.
I am using the following ffmpeg command which sends UDP data to port 1234, IP address AA.BB.CC.DD
.\ffmpeg.exe -f dshow -i video="Webcam C170":audio="Microphone (3- Webcam C170)" -an
-vcodec libx264 -f mpegts udp://AA.BB.CC.DD:1234
On the linux server I am running the testOnDemandRTSPServer on port 5555 which expects raw UDP data from from AA:BB:CC:DD:1234. I try to open the rtsp stream in VLC using rtsp://AA.BB.CC.DD:5555/mpeg2TransportStreamFromUDPSourceTest
But I get nothing in VLC. What am I doing wrong? How can I fix it?
From what I remember, it was non-trivial to write a DeviceSource class, the problem you're describing is definitely something that's discussed quite frequently on the live555 mailing list - you need to get yourself approved to the list a.s.a.p if you want to do anything related to rtsp development.
The problem you seem to be having is related to the fact that some video formats are written with streaming in mind, and the rtsp server can easily stream certain formats because they contain "sync bytes" and other 'markers' which it can use to determine where frame boundaries end. The simplest solution you could use is to get your hands on the SDK for the camera, and use that to request data from the camera. There are many different libraries and toolkits that let you access data from the camera - one of which would be the DirectX SDK. Once you have the camera data, you would need to encode it into a streamable format, you might be able to get the raw camera frames using DirectX, then convert that to mp4 / h264 frame data using ffmpeg (libavcodec, libavformat).
Once you have your encoded frame data, you feed that into your DeviceSource class, and it will take care of streaming the data for you. I wish I had code on hand, but I was bound by NDA to not remove code from the premises, although the general algorithm is documented on the live555 website, so I am able to explain it here.
I hope you have a bit more luck with this. If you get stuck, then remember to add code to your question. Right now the only thing that's stopping your original plan from working (stream file to VLC) is the file format you chose to stream.
One thing you can try is to increase the logging verbosity level of VLC to 2: VLC expects in-band parameter sets in which case it will print a debug message that it is waiting for parameter sets on the messages window. Just having the parameter sets in the SDP of the RTSP DESCRIBE is not sufficient. IIRC you can configure x264 to output parameter sets periodically or at least with every IDR frame.
Other things you can try:
You can test the stream with openRTSP before using VLC. If you use the openRTSP -d 5 -Q rtsp://xxx.xxx.xxx.xxx:5555/mpeg2TransportStreamFromUDPSourceTest options openRTSP will print quality statistics after streaming for 5 seconds. Then you will be able to verify that the testOnDemandRTSPServer is indeed relaying the stream, and that there is not a problem between the ffmpeg application and the testOnDemandRTSPServer.
Have you tried a different stream? Also, I had a similar problem due to issues with my firewall, you might want to make sure you can actually stream data through those ports.
If you are missing a Sync Byte, it's probably a stream issue - try using a different data source and see if that helps, try an .avi file or an .mp4 file, usually .mp4 files are easy to stream. If the streaming works with the .mp4 file, and not with your mpegts file, then it's a problem in your file - ffmpeg is trying to figure out where each "frame" or "frame set" of data ends so that it can try to stream discrete chunks.
It's been over 2 years since I last worked with this stuff, so let me know if you get anywhere.

How to convert RTMP to mp4 On The Fly with FFMPEG?

i want to ask about live streaming, i have wowza server and used rtmp protocol in web client, the question is how to compatible in all device like desktop and mobile, i used ffmpeg, but how to change rtmp to mp4 on the fly? what type command in ffmpeg? i want to used protocol http not rtmp or rtsp, thanks.
Regards,
Panji
If you want live http streaming (HLS), then you should use wowza's cupertinostreamingpacketizer in the <LiveStreamPacketizers> list, and point non-rtmp clients at http://your-server:1935/live/yourstream/playlist.m3u8. No need for ffmpeg. Often the HLS packetizer is enabled by default on wowza, so just try going to that URL in an html5+h264 capable browser. Bear in mind your encoding software must encode as h264, not the v6 codec.
Your HLS stream will be around 30s - 1 minute behind the rtmp stream. If you want the stream to be in sync across devices, consider using HDS (sanjosestreamingpacketizer) instead of rtmp, and pointing your HDS-capable flash player at http://your-server:1935/live/yourstream/manifest.f4m.
If you want to record a live stream as an mp4 for later playback, you can use wowza's in-built recording API - see http://www.wowza.com/forums/content.php?123#userinterface.
Alternatively, you can use rtmpdump (generally available as a package on most unix systems) to grab the rtmp stream, then ffmpeg to convert once it's down:
rtmpdump -q --rtmp "rtmp://your-server:1935/live/" --playpath yourstream -o yourstream.flv --live
ffmpeg -i yourstream.flv -vcodec copy -acodec copy yourstream.mp4 </dev/null
ffmpeg -i yourstream.mp4 -vframes 1 yourstream.jpg </dev/null
The first ffmpeg command converts to an mp4, the second grabs the first frame and saves as a .jpg so you can use it as your poster frame.

Resources