ホーム » MediaPipe » MediaPipe 0.8 : Getting Started : MediaPipe in JavaScript

MediaPipe 0.8 : Getting Started : MediaPipe in JavaScript

MediaPipe 0.8 : Getting Started : MediaPipe in JavaScript (翻訳/解説)

翻訳 : (株)クラスキャット セールスインフォメーション
作成日時 : 03/08/2021 (0.8.3)

* 本ページは、MediaPipe の以下のドキュメントを翻訳した上で適宜、補足説明したものです:

* サンプルコードの動作確認はしておりますが、必要な場合には適宜、追加改変しています。
* ご自由にリンクを張って頂いてかまいませんが、sales-info@classcat.com までご一報いただけると嬉しいです。

 

無料セミナー実施中 クラスキャット主催 人工知能 & ビジネス Web セミナー

人工知能とビジネスをテーマにウェビナー (WEB セミナー) を定期的に開催しています。スケジュールは弊社 公式 Web サイト でご確認頂けます。
  • お住まいの地域に関係なく 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 は現在以下のソリューションを提供します :

ソリューション NPM パッケージ サンプル
顔メッシュ @mediapipe/face_mesh mediapipe.dev/demo/face_mesh
顔検出 @mediapipe/face_detection mediapipe.dev/demo/face_detection
ハンド @mediapipe/hands mediapipe.dev/demo/hands
Holistic @mediapipe/holistic mediapipe.dev/demo/holistic
ポーズ @mediapipe/pose mediapipe.dev/demo/pose

API とコード・スニペットを含む、より多くの情報については上のソリューション・リンク上をクリックしてください。

慣れるための最も素早い方法は上のサンプルを見ることです。各デモは CodePen へのリンクを持ちますので、コードを編集して貴方自身で試すことができます。貴方が始める手助けをするために幾つかのユティリティ・パッケージを含めました :

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 です。

 

以上







AI導入支援 #2 ウェビナー

スモールスタートを可能としたAI導入支援   Vol.2
[無料 WEB セミナー] [詳細]
「画像認識 AI PoC スターターパック」の紹介
既に AI 技術を実ビジネスで活用し、成果を上げている日本企業も多く存在しており、競争優位なビジネスを展開しております。
しかしながら AI を導入したくとも PoC (概念実証) だけでも高額な費用がかかり取組めていない企業も少なくないようです。A I導入時には欠かせない PoC を手軽にしかも短期間で認知度を確認可能とするサービの紹介と共に、AI 技術の特性と具体的な導入プロセスに加え運用時のポイントについても解説いたします。
日時:2021年10月13日(水)
会場:WEBセミナー
共催:クラスキャット、日本FLOW(株)
後援:働き方改革推進コンソーシアム
参加費: 無料 (事前登録制)
人工知能開発支援
◆ クラスキャットは 人工知能研究開発支援 サービスを提供しています :
  • テクニカルコンサルティングサービス
  • 実証実験 (プロトタイプ構築)
  • アプリケーションへの実装
  • 人工知能研修サービス
◆ お問合せ先 ◆
(株)クラスキャット
セールス・インフォメーション
E-Mail:sales-info@classcat.com