Issue in playing camera stream through RTMP encoder

[vamsi]

Hi,

I have converted the rtsp stream of my IP camera to flashphoner rtmp encoder using FFmpeg. I am pushing the camera stream from my on premise server to WCS. FFMPEG can push the stream to RTMP endpoint.

When I try to play the live stream from demo player. It shows status as "Playing" but the player stays blank. I stopped the player and started again. Now I can see the camera in the demo player. But after few seconds it stops playing.
In the flashphoner logs I can see this error.

Please let me know if I am missing anything to fix this error.

I am using the below FFmpeg command to send the stream to RTMP.

ffmpeg -i rtsp://root:FIRSTPort@10.0.1.6/axis-media/media.amp -c copy -f flv rtmp://3.17.58.240:1935/live/test

 

[Max]

Could you try ffmpeg command as per docs

Using ffmpeg - Web Call Server 5.2 - EN - Flashphoner Documentation

docs.flashphoner.com

ffmpeg -re -i rtsp://root:FIRSTPort@10.0.1.6/axis-media/media.amp -preset ultrafast -acodec aac -vcodec h264 -strict -2 -f flv rtmp://3.17.58.240:1935/live/test

 

[vamsi]

Hi

The ffmpeg command doesn't play the camera stream.The player status is playing but no stream in it.

Flashphoner logs:

While running the FFmpeg command I am getting this

 

[Max]

Try "test" in the Stream field. Not full RTMP URL.
You can also try to publish to our demo server rtmp://demo.flashphoner.com:1935/live/test and play on our demo page

Player

 

[vamsi]

Hi Max,

Giving only the stream name worked for me. But I am facing 5 seconds delay in the playback. I have my WCS server in the AWS us-east-2 region. Is it possible to reduce the delay. Let me know what kind of information you need for that.

 

[Max]

Good day.
Please try to reduce publishing stream resolution/bitrate, for example to 640x360

ffmpeg -re -i rtsp://root:FIRSTPort@10.0.1.6/axis-media/media.amp -preset ultrafast -acodec aac -vcodec h264 -strict -2 -b:v 500K -vf scale=640:-2,setsar=1:1 -f flv rtmp://3.17.58.240:1935/live/test

Please also consider to migrate server to closest possible region to publisher/viewer

 

[vamsi]

Thanks for the update on the resolution.

Is there a way to move the position to live stream. For example, a button (Go live), clicking on which it will go the live. Is it possible to show the full screen in the popup(lightbox without play/pause icon)

 

[Max]

Please review the Embed Player example code for fullscreen switching and icons customizing.

 

[vamsi]

Thanks for the update Max.

Also is there a way to change the resolution for the full-screen view. In the normal view I want to show the video stream in 320 * 240 and in full screen mode I want to show in 1280 * 720. Is that possible?

 

[Max]

Also is there a way to change the resolution for the full-screen view. In the normal view I want to show the video stream in 320 * 240 and in full screen mode I want to show in 1280 * 720. Is that possible?

A stream will always be played with the same resolution as it published. To play the stream with another resolution, this stream should be transcoded by requesting width and height in constraints

session.createStream({name:"stream1", constraints:{audio:true, video:{width:640,height:480}}}).play();

But stream transcoding requires a much CPU resources.
In your case, we recommend to publish 1280x720 RTMP stream, then play it in div element with fixed size as preview

.fp-remoteVideo {
    border: 1px double black;
    width: 320px;
    height: 240px;
    text-align: center;
    background: #c0c0c0;
    display: inline-block;
}

<div class="fp-remoteVideo" id="remoteVideo"></div>

var options = {
      name: streamName,
      display: remoteVideo
};
stream = session.createStream(options).on(STREAM_STATUS.PENDING, function (stream) {
      ...
});
stream.play();

 

[vamsi]

In my case I am publishing it as 1280 x 720 and tried the approach to play the video in dev with fixed size as a preview. But in the preview mode, the stream is more pixelated. In the full-screen mode it is good.

 

[Max]

But in the preview mode, the stream is more pixelated. In the full-screen mode it is good.

This is probably browser downscaling issue. Please clarify what browser do you use?

 

[vamsi]

I am seeing this all browser. I am publishing in 1280 X 720 and I use fixed-size 320x240. Since the width is too small, the see the preview shrinked.

 

[Max]

Please check if stream is pixelized when playing it in playback section of Two Way Streaming or Media Devices examples. If not, please provide us a minimally customized source code based on TwoWayStreaming to reproduce the problem, we will check.

 

[vamsi]

Hello

I created two sessions each with different resolution and used one for preview and other for full screen

Is there a way to disable pause functionality in the feed feed?

 

[Max]

Is there a way to disable pause functionality in the feed feed?

By default, video element created for stream playback contains no controls (and no play/pause if you don't create button on page).
To disable controls in fullscreen mode, use CSS:

video::-webkit-media-controls {
  display:none !important;
}