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!