監視BGM

開発中 2021.11.15 公開（2021.11.17 更新） © CC BY 4+ visibility606

開発中 © CC BY 4+

2021.11.15 公開（2021.11.17 更新） visibility606

作業中ついついスマホを触ってしまって、結局どれくらい作業したかよくわからなくなるので開発しました。
使ってみたい方はリンクをクリックしてお使いください！

システム構成: YouTubeリンクからBGMリンク取得
HTMLとjavascriptで作成

HTML
Bootstrapを使用
シンプルでみやすい→表示する物は少なく

javascript
YouTubeリンクからクエリを取得→BGMリンクを作成
ボタンをクリックしたら新しいウィンドウでBGMページを開く

BGM
1. Teachable Machine の画像モデルで、離席、作業、スマホを学習させる
2. srt.js に以下を記述
・学習させた画像モデルを読み込ませる（Teachable Machine のサンプルプログラムを参考に）
・離席：動画を一時停止
・作業：動画再生
・スマホ：不快音を流す※動画再生中
・画像モデルの読み込み時間が長いので、30秒から判定を始める

ストーリー: きっかけ
・よくYouTubeの動画をBGMとして流している
・作業が行き詰まったりした時にスマホを触ってしまう→進展なし
以上の2点から、YouTubeに監視してもらおうと思いました。

こだわり
スマホのロックを外せるか否かって時にノイズ系の不快音を鳴らすようにしています。

メンバー