[MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras

evroom

@Egnos said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

Are there any errors in config.js?

This is my config that works.
I think the only real difference is the omxRestart entry.

{
  module: "MMM-RTSPStream",
  disabled: false,
  position: "bottom_right",
  header: "MMM-RTSPStream Test",
  config: {
    autoStart: true,
    omxRestart: 1,
    rotateStreams: false,
    moduleWidth: "352px", // Width in px of the module.
    moduleHeight: "240px", // Height in px of the module.
    localPlayer: 'omxplayer',
    remotePlayer: 'none',
    showSnapWhenPaused: false,
    remoteSnaps: false,
    stream1: {
      name: 'BigBuckBunny',
      url: 'rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov',
      frameRate: "25",
      protocol: "tcp",
      width: "352px", // The width in px of the stream.
      height: "240px", // The height in px of the stream.
    }
  }
},

Egnos

@evroom many thanks!
I don’t know why but now I’m viewing the video in MM.
I haven’t touched anything!

Egnos

@evroom I finally understood what the problem is … that is VNC.
I use VNC to connect with the Raspberry PI and for some reason, using the VNC interface, the player is not displayed!
If instead I turn on the monitor where the Raspberry PI is physically connected I magically see the streaming … whether I run the command from the terminal or with the MM.

Can you explain this behavior?

evroom

@Egnos said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

Can you explain this behavior?

No, I cannot explain this, but I noticed it too.
No video over the VNC connection.

When I google, I see this recommendation:

Open VNC Server>Options>Troubleshooting. Then make sure "enable experimental direct capture mode is checked.

You might give it a try.

costascontis

hello,lil help,what do i have to add in custom.css to align MMM-RTSPStream window with the module below?
https://imgur.com/XQZNEvg

Egnos

@evroom now, enabling in VNC options “direct capture mode”, also from VNC I see the stream on omxplayer and on MM.

Many Thanks! 👍

imdickie

I’m going from a working Raspi3 to a Raspi4 and using the exact same working module configuration I cannot get video on omxplayer using this module.

I set up a pristine image and loaded everything one at a time, but this one fails. I pulled out all of the modules to make sure there was nothing in them that was causing the issue.

Below is my module config and my logs pulled using pm2 logs mm. There is an error, but I don’t know enough about this to determine the cause. Can anyone review the logs and provide some direction?

Thanks.

 		 {
		    module: "MMM-RTSPStream",
		    position: "bottom_bar",
		    config: {
		        autoStart: true,
		        rotateStreams: true,
		        rotateStreamTimeout: 10,
		        moduleWidth: 642,
		        moduleHeight: 362,
		        localPlayer: 'omxplayer',
		        remotePlayer: 'none',
		        showSnapWhenPaused: true,
		        remoteSnaps: true,
		        stream1: {
		            name: '',
		            url: 'rtsp://xxx:xxx@192.168.1.164:554/Streaming/Channels/102/',
		            frameRate: '10',
		            snapshotType: 'url',
		            snapshotRefresh: 10,
		            width: 640,
		            height: 360,
		            },
		        }
		}

pi@raspberrypi:~ $ pm2 logs mm --lines 100
[TAILING] Tailing last 100 lines for [mm] process (change the value with --lines option)
/home/pi/.pm2/logs/mm-error.log last 100 lines:
0|mm | [2020-04-08 14:17:49.908] [ERROR] TypeError: Cannot convert undefined or null to object
0|mm | at Function.keys ()
0|mm | at stopProcs (/home/pi/MagicMirror/modules/MMM-RTSPStream/node_helper.js:469:32)
0|mm | at /home/pi/MagicMirror/modules/MMM-RTSPStream/node_helper.js:498:17
0|mm | at /home/pi/MagicMirror/modules/MMM-RTSPStream/node_modules/pm2/lib/API.js:606:19
0|mm | at /home/pi/MagicMirror/modules/MMM-RTSPStream/node_modules/pm2-axon-rpc/lib/client.js:45:10
0|mm | at Parser. (/home/pi/MagicMirror/modules/MMM-RTSPStream/node_modules/pm2-axon/lib/sockets/req.js:67:8)
0|mm | at Parser.emit (events.js:200:13)
0|mm | at Parser._write (/home/pi/MagicMirror/modules/MMM-RTSPStream/node_modules/amp/lib/stream.js:91:16)
0|mm | at doWrite (_stream_writable.js:417:12)
0|mm | at writeOrBuffer (_stream_writable.js:401:5)

/home/pi/.pm2/logs/mm-out.log last 0|mm |
0|mm | > magicmirror@2.11.0 0|mm | > DISPLAY=“${DISPLAY:=:0}” 0|mm |
0|mm | [2020-04-08 14:17:48.507] [LOG] 0|mm | [2020-04-08 14:17:48.514] [LOG] 0|mm | [2020-04-08 14:17:48.519] [LOG] 0|mm | [2020-04-08 14:17:49.292] [LOG] 0|mm | [2020-04-08 14:17:49.293] [LOG] 0|mm | [2020-04-08 14:17:49.293] [LOG] 0|mm | [2020-04-08 14:17:49.399] [LOG] 0|mm | [2020-04-08 14:17:49.421] [LOG] 0|mm | [2020-04-08 14:17:49.422] [LOG] 0|mm | [2020-04-08 14:17:49.423] [LOG] 0|mm | [2020-04-08 14:17:49.424] [LOG] 0|mm | [2020-04-08 14:17:49.531] [LOG] 0|mm | [2020-04-08 14:17:49.908] [LOG] 0|mm | [2020-04-08 14:17:49.916] [LOG] 0|mm | [2020-04-08 14:17:49.916] [LOG] 0|mm | [2020-04-08 14:17:53.508] [LOG] 0|mm | [2020-04-08 14:17:53.527] [LOG] 0|mm | [2020-04-08 14:17:53.698] [LOG] 100 lines:
start /home/pi/MagicMirror
./node_modules/.bin/electron js/electron.js
Starting MagicMirror: v2.11.0
Loading config …
Loading module helpers …
Initializing new module helper …
Module helper loaded: MMM-RTSPStream
All module helpers loaded.
Starting server on port 8080 …
Server started …
Connecting socket for: MMM-RTSPStream
PM2: Stopping all OMXPlayer Streams…
Sockets connected & modules started …
Launching application.
Whoops! There was an uncaught exception…
MagicMirror will not quit, but it might be a good idea to check why this happened. Maybe no internet connection?
If you think this really is an issue, please open an issue on GitHub: https://github.com/MichMich/MagicMirror/issues
Starting stream stream1 using: omxplayer --avdict rtsp_transport:tcp --win 282,1501,922,1861 --live --video_queue 4 --fps 30 --no-osd rtsp://xxx:xxx@192.168.1.164:554/Streaming/Channels/102/
Starting PM2 for omx_stream1
PM2 started for omx_stream1

imdickie

Getting closer. Hoping to get some help based on the new info below.

I was able to get a video stream, but…

It only works in the middle_center position and the video orientation is rotated 90 deg.

I tried using the rotateDegree switch, and it does rotate it, but the video frame stays in the portriat oreintation.

Video Oreintation

I am using the below config file.

	modules: [
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},
		{
			module: "calendar",
			header: "Family Calendar",
			position: "top_left",
			config: {
				colored: "true",
				calendars: [
					{
						symbol: "calendar-check-o ",
						color: "#34a95f",
						url: "https://calendar.google.com/calendar/ical/xxx/basic.ics"
					},
					{
						symbol: "calendar-check-o ",
						color: "#b1002c",
						url: "https://calendar.google.com/calendar/ical/xxx/basic.ics"
					},
				]
			}
		},
		{
		  module: "MMM-DarkSkyForecast",
		  header: "Weather",
		  position: "top_right",
		  classes: "default everyone",
		  disabled: false,
		  config: {
		    apikey: "xxx",
		    latitude: "33.481613",
		    longitude: "-117.061959",      
		    iconset: "5c",
		    concise: false,
    		    forecastLayout: "table",
		    units: "us"
		    }
		},		
		{
		module: 'MMM-RTSPStream',
		position: 'middle_center',
		config: {
		    autoStart: true,
		    moduleWidth: 642,
		    moduleHeight: 362,
		    localPlayer: 'omxplayer',     
		    stream1: {
			name: '',
			url: 'rtsp://xxx:xxx@192.168.x.xxx:554/Streaming/Channels/102/',
			snapshotUrl: '',
			snapshotRefresh: 10, // Seconds
			frameRate: "30",
			width: 640,
		        height: 360,
			port: 9999,
		    }
		}
	},
		{
			module: "compliments",
			position: "bottom_center"
		},
		{
			module: "newsfeed",
			position: "bottom_center",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
	        {
	            module: 'MMM-GoogleMapsTraffic',
	            position: 'bottom_center',
	            config: {
	                key: 'xxx',
	                lat: xxx,
	                lng: -xxx,
	                height: '360px',
	                width: '360px',
	                styledMapType: "",
	                disableDefaultUI: true,
	                backgroundColor: 'hsla(0, 0%, 0%, 0)',
	            }
		},
	]

};

evroom

@imdickie said in [MMM-RTSPStream] - Video Streaming from Live Feeds & Security Cameras:

but the video frame stays in the portriat oreintation

In

/home/pi/MagicMirror/css/custom.css

add

.MMM-RTSPStream .innerWrapper {
  border-style: none;
}

to remove the frame altogether.
Or find a way using css to rotate the frame.

I tried the positions top_left, top_right, bottom_left and bottom_right.
All work.
It can be that your other modules are pushing it down.
Try to have the module positioned a bit earlier in your config.

PointPubMedia

@shbatm Do you think it could be possible to run this on another plateform, like pine64 with armbian where omxplayer is not available?

The npm install part is not working as omxplayer is not available…