Introducing MMM-YouTubeWebView Module

[KristjanESPERANTO]

Hi @doctorwhen! Thanks for this module! :-)

I tried to get it to run, but it just doesn’t. I don’t get an error message, just a black screen. I am using node version 18 and the latest version of MagicMirror.

Does the module work for you (or for someone else) with current versions?

That’s my config:

{
    module: "MMM-YouTubeWebView",
    position: "middle_center", 
    config: {
      video_id: "w3jLJU7DT5E", 
      video_list: [
        "CtVyl402W5s", 
        "wmUVy43tqw4",
        "J_TxPQKcG7w", 
        "avWZsKyuRVE",
        "IpkIGGJMHBA", 
        "B9zgwx6mhrk",
        "6KvTDeHlIfI"
      ],
      autoplay: true,
      controls: true,
      loop: true,
      modestbranding: true,
      width: "800px",
      height: "450px"
    }
  }

[sdetweil]

@KristjanESPERANTO if you open the developers window console tab view,
do you see any errors. this module is all in browser

[KristjanESPERANTO]

if you open the developers window console tab view, do you see any errors. this module is all in browser

Unfortunately, I can’t see any errors there.

Initializing MagicMirror².
translator.js:122 Loading core translation file: translations/en.json
VM4 sandbox_bundle:2 Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security
  Policy set or a policy with "unsafe-eval" enabled. This exposes users of
  this app to unnecessary security risks.

For more information and help, consult
https://electronjs.org/docs/tutorial/security.
This warning will not show up
once the app is packaged.
warnAboutInsecureCSP @ VM4 sandbox_bundle:2
translator.js:138 Loading core translation fallback file: translations/en.json
loader.js:165 Load script: modules/default/clock/clock.js
module.js:484 Module registered: clock
loader.js:138 Bootstrapping module: clock
loader.js:165 Load script: vendor/node_modules/moment/min/moment-with-locales.js
loader.js:165 Load script: vendor/node_modules/moment-timezone/builds/moment-timezone-with-data.js
loader.js:165 Load script: vendor/node_modules/suncalc/suncalc.js
loader.js:142 Scripts loaded for: clock
loader.js:180 Load stylesheet: modules/default/clock/clock_styles.css
loader.js:145 Styles loaded for: clock
loader.js:148 Translations loaded for: clock
loader.js:165 Load script: modules/MMM-YouTubeWebView/MMM-YouTubeWebView.js
module.js:484 Module registered: MMM-YouTubeWebView
loader.js:138 Bootstrapping module: MMM-YouTubeWebView
loader.js:142 Scripts loaded for: MMM-YouTubeWebView
loader.js:145 Styles loaded for: MMM-YouTubeWebView
loader.js:148 Translations loaded for: MMM-YouTubeWebView
loader.js:180 Load stylesheet: css/custom.css
clock.js:49 Starting module: clock
module.js:45 Starting module: MMM-YouTubeWebView
main.js:608 All modules started!

[mmmmh]

@doctorwhen Is there a way to control a video’s volume? I embedded the ISS’s livestream and I would like to mute it since every once in a while some radio chatter is on the audio channel. When I have the module hidden it is kinda eerie.

[KristjanESPERANTO]

@mmmmh MMM-ISS-Live has a mute option.

[mmmmh]

@KristjanESPERANTO Now that’s a whole new approach. Thanks, it works!