Any modules that could display a livestream

tanvir586

@sdetweil is there anything I can do to get it work?

thgmirror

@tanvir586 another idea: have a look at my old post https://forum.magicmirror.builders/topic/14422/solved-displaying-part-of-a-website-google-sheets-graph/2?_=1648325230070 and align it to your needs.
Thomas

tanvir586

@thgmirror hi I still didn’t work. I’m posting my html and cofig. and there is no error on log.

Chart

and config

{
	module: 'MMM-iFrame-Ping',
	position: 'middle_center',	// This can be any of the regions.
	config: {
		// See 'Configuration options' for more information.
		url: "/modules/mychart.html", //url to display
		height:"100%", 
		width:"100%",
		autoRefresh: true, //set to false for video
		updateInterval: 1, //in min. Only if autoRefresh: true
		displayLastUpdate: true,
		width: "100%", // Optional. Default: 100%
		height: "400px", //Optional. Default: 100px
		scrolling: "no" 
		}
},

tanvir586

thgmirror

@tanvir586 Can you please post the https://maga… link here…it will be easier to check it:-)

sdetweil

@thgmirror he posted here
https://forum.magicmirror.builders/topic/16533/any-modules-that-could-display-a-livestream/10?_=1648232499632

thgmirror

@tanvir586 OK, no chance with my way…your webside prohibits to display it in an iframe…

tanvir586

@thgmirror thanks for trying 😊

wishmaster270

@tanvir586
Hi,

i use MMM-WebView (Repository) to display my NodeRed-Dashboard. Did a quick check and it looks like the Webpage you want to show on your mirror gets displayed.
Maybe you want to give it a try.
Make sure you set the electron options as suggested in the Readme.

I use this configuration:

        electronOptions: {
		webPreferences: {
			webSecurity: false,
			webviewTag: true,
		}
	},

               {
			module: 'MMM-WebView',
			position: 'top_center',
			config: {
			  url: 'https://www.bbc.co.uk/iplayer/live/bbcone',
			  width: '500px',
			  height: '1000px',
			},
		},

Edit: Checked the Mega-Link as well and it works too.

tanvir586

@wishmaster270 Hi. Thanks mate. But I’m using mmm.widget2 as website got web widget. It’s working fine but just facing one problem now. When the module refresh I get cookies. I don’t wanna to accept it all the time. Is there any way I can auto accept the cookies? Screenshot_20220329-012930_VNC Viewer.jpg

This is my widget link aswell.
code: <iframe src="https://mawaqit.net/en/w/al-falah-centre-cardiff?showOnly5PrayerTimes=0" width="100%" height="375" frameborder="0" scrolling="no" class="widget"></iframe>,

thgmirror

@tanvir586 second try:-)

<HTML>
<HEAD>
<TITLE>YYYYY</TITLE>
</HEAD>
<body bgcolor=#000000>

<div style="border: none; overflow: hidden; max-width: 900px; max-height: 370px">
<iframe scrolling="no" src="https://mawaqit.net/en/w/al-falah-centre-cardiff?showOnly5PrayerTimes=0" 
style="border: none;  margin-top: 0px; margin-left: -6px; height: 1200px; width: 900px">
</iframe>
</div>

</body>
</HTML>

Store this as a local html-file and add it as url to you prefered module. I hide the cookie-question outside the visible region. So it is still there but it will not bother you. Good luck!!!
Thomas

tanvir586

@thgmirror hi, could you double check this for me please. Don’t know where I made mistake it’s not working.
Posted config and html Screenshot_20220329-100004_VNC Viewer.jpg
Screenshot_20220329-100456_VNC Viewer.jpg

thgmirror

@tanvir586
I used MMM-SmartWebDisplay…
This in config.js

//#################################################################################
		{
			disabled: false,
			module: 'MMM-SmartWebDisplay',
			position: 'top_left',
			config: {
				// See 'Configuration options' for more information.
				logDebug: false, 
				height: "1300", 
				width:"355%", 
           	                updateInterval: 0, 
                                NextURLInterval: 0, 
 				displayLastUpdate: false,
                                url: ["/modules/widget.html"],
				}
		},
//#################################################################################

leads to

Eventually play around with the height and width-parameter in config.js and also in the html-file to get the best results.

adrien00

@wishmaster270 this is great thanks, ill have a go after my uni today!

tanvir586

@thgmirror thanks mate. It did work. But how do I get it in the middle of the mirror. If I put middle_centre it’s goes somewhere els
Screenshot_20220329-120912_VNC Viewer.jpg

Top_centre
Screenshot_20220329-121256_VNC Viewer.jpg

thgmirror

@tanvir586
The positions are sometimes a little bit tricky…if you have two or more at the same place, they are sorted by appearance in the config.js.

You should try to reduce the width and height of the SmartWebDisplay as small as possible.

May be, your widget is in real as wide as red-marked in this screenshot, so you wasted a lot of space. First, you can temporarly change the background-color of the html-file (body bgcolor=#123456) to see the needed space at a glance. Change there the amount of pixels and percentages. Additionally change the height and width in SmartWebDisplay.
If nothing helps, start with your Widget and add one by one your other modules.

tanvir586

@thgmirror perfect… thank you so much. You made my day. Screenshot_20220329-125441_VNC Viewer.jpg

thgmirror

@tanvir586 the DIV-tags in the html-file are working like a passe-partout to see only a region of a given website.
Do you have an example how it looks now?
Greetings from Germany

tanvir586

@thgmirror yes. I was trying to post a picture but every time I upload came with error. Screenshot_20220329-125441_VNC Viewer.jpg

Worked now.

tanvir586

@thgmirror height: “1300”, width:“355%”
Was too big like whole screen. I changed the colour as you said then adjusted