Any modules that could display a livestream

tanvir586

@sdetweil thanks mate. It worked. But unfortunately my website is not showing. Its showing everything els but not mine.

sdetweil

@tanvir586 open the developers window, ctrl-shift-i, select the console tab and scroll up to see any error messages, usually red text

tanvir586

@sdetweil 0|MagicMir | [26.03.2022 18:28.36.253] [ERROR] (node:19533) electron: Failed to load URL: https://mawaqit.net/en/shah-jalal-mosque-cardiff-cf24-4nj-united-kingdom with error: ERR_BLOCKED_BY_RESPONSE

sdetweil

@tanvir586 yep. basically they check to see if you requested the info from their site page

https://stackoverflow.com/questions/69243166/err-blocked-by-response-notsameorigin-cors-policy-javascript

tanvir586

This post is deleted!

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