MediaPipe 0.8 : Getting Started : MediaPipe in JavaScript (翻訳/解説)
翻訳 : (株)クラスキャット セールスインフォメーション
作成日時 : 03/08/2021 (0.8.3)
* 本ページは、MediaPipe の以下のドキュメントを翻訳した上で適宜、補足説明したものです：
- Getting Started : MediaPipe in JavaScript
* サンプルコードの動作確認はしておりますが、必要な場合には適宜、追加改変しています。
* ご自由にリンクを張って頂いてかまいませんが、sales-info@classcat.com までご一報いただけると嬉しいです。
- お住まいの地域に関係なく Web ブラウザからご参加頂けます。事前登録 が必要ですのでご注意ください。
- Windows PC のブラウザからご参加が可能です。スマートデバイスもご利用可能です。
| 人工知能研究開発支援 | 人工知能研修サービス | テレワーク & オンライン授業を支援 |
| PoC(概念実証)を失敗させないための支援 (本支援はセミナーに参加しアンケートに回答した方を対象としています。) | ||
◆ お問合せ : 本件に関するお問い合わせ先は下記までお願いいたします。
| 株式会社クラスキャット セールス・マーケティング本部 セールス・インフォメーション |
| E-Mail：sales-info@classcat.com ; WebSite: https://www.classcat.com/ |
| Facebook: https://www.facebook.com/ClassCatJP/ |
MediaPipe 0.8 : Getting Started : MediaPipe in JavaScript
MediaPipe は現在以下のソリューションを提供します :
API とコード・スニペットを含む、より多くの情報については上のソリューション・リンク上をクリックしてください。
慣れるための最も素早い方法は上のサンプルを見ることです。各デモは CodePen へのリンクを持ちますので、コードを編集して貴方自身で試すことができます。貴方が始める手助けをするために幾つかのユティリティ・パッケージを含めました :
- @mediapipe/drawing_utils – ランドマークとコネクタを描くためのユティリティ。
- @mediapipe/camera_utils – カメラを操作するためのユティリティ。
- @mediapipe/control_utils – スライダーと FPS ウイジェットを表示するユティリティ。
Note: MediaPipe on CodePen でこれらのデモとそれ以上を見てください。
これらのソリューションの総ては NPM で実現されてます。npm install で任意のパッケージをインストールできます。例えば :
npm install @mediapipe/holistic.
これらをローカルでホストしたくない場合には、CDN に依拠できます (e.g., jsDelivr)。これはスクリプトを貴方の HTML に直接追加することを可能にします :
<head>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils@0.1/drawing_utils.js" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/holistic@0.1/holistic.js" crossorigin="anonymous">
</head>
Note: NPM と jsdelivr の両者にバージョン番号を指定できます。それらは <major>.<minor>.<build> として構造化されます。breaking change が動作に影響することを回避するため、リクエストを <minor> 番号に制限してください。e.g., @mediapipe/holistic@0.1 です。
以上