あなたはどのアイドルグループの顔に近いの？AIであなたの顔分析～アイドル組み分け帽子～

const imageModelURL = 'モデルのURL';
      let classifier;

const app = new Vue({
        el: '#app',
        data: {
          modelState: 'モデルロード中...',
          result: '---------',
        },

        async mounted() {
          // カメラからの映像取得
          const stream = await navigator.mediaDevices.getUserMedia({
            audio: false,
            video: true,
          });

          // IDが"myvideo"であるDOMを取得
          const video = document.getElementById('myvideo');

          // videoにカメラ映像をセット
          video.srcObject = stream;

          // 自作モデルのロード
          classifier = ml5.imageClassifier(imageModelURL + 'model.json', video, () => {
            // ロード完了
            app.modelState = 'ロード完了！';
            console.log('Model Loaded!');
          });
        },

        methods: {
         　//ボタンクリックされたら判定開始
          onButtonClicked: async function () {
            const yourFaceResults = await classifier.classify();
            app.result = yourFaceResults[0].label;
            console.log('あなたの顔は' + app.result);
          },
        },
});

<a id="twitter_button" class="twitter-share-button" data-text="アイドル顔分け帽子の結果！！あなた顔は・・・" data-show-count="false"></a>

 <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>