Google Nest Camのライブ映像を常時表示できるようにする

家の前のライブ動画を家にいる間は常時表示できるようにしておきたい！というセキュリティ意識の高い方向けの投稿です。やっていることは、Google Homeの余計なUIを取っ払っているだけです。これを、パソコン起動時にChromeが自動で起動するようにしたら常時見ておける環境ができあがります。

CSSをサイトにねじ込む拡張機能は色々ありますがUser Javascript and CSS がおすすめです。Option → Hihetst CSS Prioryにチェックを入れるのをお忘れなく。

duetとかで古いスマホをディスプレイ化して常時表示しておくのがおすすめです。

style.css

body{
  background-color: #2a2c32;
}
.bottom-scrim,
 mat-sidenav-container {
  background: none;
}

GHW-STREAM-PLAYER , div.top-buttons.ng-star-inserted,
.main-content-wrapper, ghw-full-player{
  height: 100vh;
  width: 100vw;
  position: fixed;
  left:0;
  top: 0;
  padding: 0;
  margin: 0;
}
mat-sidenav
,ghw-toolbar-v2,body > ghw-root > ghw-home > main > ghw-navigation-rail > mat-sidenav-container > mat-sidenav-content > div.rail,ghw-cameras-header,.camera-control-buttons,#mat-tab-nav-panel-0 > ghw-full-player > div.bottom-buttons.v2.ng-star-inserted > div > div:nth-child(2) > button,
mat-toolbar,
.mat-drawer-inner-container{
  display: none !important;
}
ghw-stream-player{
  display: block;
}

ghw-full-player, .main-content-wrapper,.mat-drawer-container {
  background-color: transparent !important;
}

あとは、chromeをPowershell等お好みの方法で自動起動するだけ。

ShowCamera.ps1

start chrome.exe '--profile-directory="Default" --app=https://home.google.com/'

参考までに～