集客の目的で、モーションセンサーを用いて簡易版サイネージを作ってみた

目的

モーションセンサーをマーケティングに活用したい。

概要

人の動きを検知したら、指定の動画を再生する。再生回数を集計して、広報に活用する。 イメージは：

必要なもの

１．obniz board

２．モーションセンサー
３．YouTube API（iframe）
４．Wi-Fi

コードは適度に書いたものなので、参考にならないかもしれない。

signate.html

  <!-- youtube -->
  <div id="player"></div>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

<script>

  obniz.onconnect = async function () {

    // motionセンサーをobnizに接続    
    sensor = obniz.wired("HC-SR505", {vcc:0, signal:1, gnd:2});
  }

  obniz.onloop = async function() {
    //Youtube API
    $(function () {
      var w = $(window).width()
      var h = $(window).height()
      var videoId = '指定したいyoutube動画のid'

      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    
      var player;
      window.onYouTubeIframeAPIReady = function() {
        player = new YT.Player('player', {
          width: w,
          height: h,
          videoId: videoId,
          playerVars: {
            rel: 0,
            autoplay: 1,
            loop: 0,
            playlist: videoId,
          },
          events: {
            'onReady': onPlayerReady,
          }
        });
      }
      function onPlayerReady(event) {
        event.target.setVolume(0);
      }
    });
   });

</script>

課題

モーションセンサーはやっぱり限界があるので、今後、カメラを使って、性別、年齢を検知したうえて、異なる動画コンテンツを再生してみる。