TensorFlow. js Pos eNet анимация ключевых точек модели - PullRequest
Новая
       70

TensorFlow. js Pos eNet анимация ключевых точек модели

0 голосов
/ 05 мая 2020

Я использую TensorFlow. js предварительно обученную Pos eNet модель для сбора и хранения данных позы из моего веб-приложения. У меня уже есть кусок размером JSON с данными ключевых точек, которые я хочу проанализировать, чтобы использовать его в качестве обучающего набора для другой нейронной сети. Вот пример данных ключевых точек: 

 "keypoints": [
    {
      "position": {
        "y": 76.291801452637,
        "x": 253.36747741699
      },
      "part": "nose",
      "score": 0.99539834260941
    },
    {
      "position": {
        "y": 71.10383605957,
        "x": 253.54365539551
      },
      "part": "leftEye",
      "score": 0.98781454563141
    },
    {
      "position": {
        "y": 71.839515686035,
        "x": 246.00454711914
      },
      "part": "rightEye",
      "score": 0.99528175592422
    },
    {
      "position": {
        "y": 72.848854064941,
        "x": 263.08151245117
      },
      "part": "leftEar",
      "score": 0.84029853343964
    },
    {
      "position": {
        "y": 79.956565856934,
        "x": 234.26812744141
      },
      "part": "rightEar",
      "score": 0.92544466257095
    },
    {
      "position": {
        "y": 98.34538269043,
        "x": 399.64068603516
      },
      "part": "leftShoulder",
      "score": 0.99559044837952
    },
    {
      "position": {
        "y": 95.082359313965,
        "x": 458.21868896484
      },
      "part": "rightShoulder",
      "score": 0.99583911895752
    },
    {
      "position": {
        "y": 94.626205444336,
        "x": 163.94561767578
      },
      "part": "leftElbow",
      "score": 0.9518963098526
    },
    {
      "position": {
        "y": 150.2349395752,
        "x": 245.06030273438
      },
      "part": "rightElbow",
      "score": 0.98052614927292
    },
    {
      "position": {
        "y": 113.9603729248,
        "x": 393.19735717773
      },
      "part": "leftWrist",
      "score": 0.94009721279144
    },
    {
      "position": {
        "y": 186.47859191895,
        "x": 257.98034667969
      },
      "part": "rightWrist",
      "score": 0.98029226064682
    },
    {
      "position": {
        "y": 208.5266418457,
        "x": 284.46710205078
      },
      "part": "leftHip",
      "score": 0.97870296239853
    },
    {
      "position": {
        "y": 209.9910736084,
        "x": 243.31219482422
      },
      "part": "rightHip",
      "score": 0.97424703836441
    },
    {
      "position": {
        "y": 281.61965942383,
        "x": 310.93188476562
      },
      "part": "leftKnee",
      "score": 0.98368924856186
    },
    {
      "position": {
        "y": 282.80120849609,
        "x": 203.81164550781
      },
      "part": "rightKnee",
      "score": 0.96947449445724
    },
    {
      "position": {
        "y": 360.62716674805,
        "x": 292.21047973633
      },
      "part": "leftAnkle",
      "score": 0.8883239030838
    },
    {
      "position": {
        "y": 347.41177368164,
        "x": 203.88229370117
      },
      "part": "rightAnkle",
      "score": 0.8255187869072
    }
  ]

Проблема в том, что мне нужен интерфейс для отображения этих данных , идеально, если бы это был интерфейс веб-приложения. Я нашел только демонстрационное приложение Google с использованием модели Pos eNet с ключевыми точками, прикрепленными поверх видео с веб-камеры, которое отображается в <canvas/>, но похоже, что оно использует некоторый ручной рисунок холста.

Так что меня интересует, есть ли какие-нибудь библиотеки или не JS инструменты для просмотра данных ключевых точек в виде анимированных ключевых кадров или, может быть, ручного переключения между ними? Или я должен это реализовать сам? Заранее спасибо.

1 Ответ

1 голос
/ 06 мая 2020

Отметьте это репо: https://github.com/ajaichemmanam/Posenet-ReactWebapp. Он использует реакцию, чтобы сделать веб-приложение для отображения ключевых точек pos enet.

...