An Instrument You Already Know
あなたの手がそのまま楽器になる新しい演奏体験
Gesture Synth is a free browser instrument that turns hand movements into music. Gesture Synth はブラウザのカメラを利用して、手の動きをリアルタイムにトラッキングします。指を1本から4本立てるだけで、音楽理論不要で心地よく響くコード進行（harmonic chord progression）を奏でられます。専門知識がなくても、誰でも即座に美しいハーモニーを生み出せます。Unlike traditional digital audio workstations that require complex software installations and MIDI controller hardware, Gesture Synth runs entirely inside your web browser. The application tracks 21 distinct hand landmarks via webcam at up to 60 frames per second, translating physical finger postures into polyphonic chord voicings and rhythmic synthesizer sequences seamlessly.
手の高さを上下に動かすことで、楽曲のエネルギーや音色の明るさを直感的にコントロールできます。ドラム、ベース、そして躍動感あふれるビジュアルエフェクトがあなたのジェスチャーに同期してダイナミックに変化。完成した演奏は15秒のショート動画として録画でき、TikTokやYouTube Shortsへすぐにシェア可能です。The real-time audio engine shapes synthesizer filter cutoff frequencies, modulation resonance, and drum bus compression according to hand vertical position, giving performers tactile expressive dynamics comparable to physical instrument playing.
How It Works
ジェスチャーから音楽へ、わずか数秒でスタート
カメラを有効化
ブラウザのカメラアクセスを許可します。Gesture Synth is a free browser instrument using local hand tracking. 映像は端末内でのみ安全に処理され、外部への送信や保存は一切行われません。First, grant webcam permission in your browser prompt. The video stream is processed entirely within client memory using WebAssembly computer vision models, ensuring zero cloud transmission and absolute personal privacy.
ジェスチャーを提示
カメラに向かって1本から4本の指を立てます。各指の本数に応じて、音楽スタイルにマッチした調和のとれたコードが瞬時に鳴り響きます。Next, raise one to four fingers in front of the lens. Each finger configuration triggers a carefully voiced chord from the selected musical progression, accompanied by automated drum patterns and harmonic bass lines.
音楽とともに手を動かす
手の高さを上下させて楽曲のダイナミクスを操ります。ドラムやベースがあなたのジェスチャーに合わせて自然にビートを刻みます。Then, move your hand vertically through the air to modulate performance energy. Higher hand positions introduce bright synth overtone harmonics and intense rhythmic drive, while lowering your hand relaxes the atmosphere into warm ambient textures.
演奏を録画してシェア
15秒の縦型ミュージックビデオをワンクリックで録画。音楽、光のエフェクト、手のジェスチャーが一体となった作品をダウンロードしてSNSへ投稿できます。Finally, tap record to capture a 15-second vertical performance video. Download the high-definition clip directly to your camera roll or desktop for seamless sharing on TikTok, Instagram Reels, and YouTube Shorts.
Simple Controls
4つのジェスチャーが生み出す無限のコンビネーション
Gesture Synth is free to play in your browser. カメラに向かって1本から4本の指を立てるだけで、あらかじめ厳選されたコードが鳴り響きます。どの組み合わせを選んでも自動的に調和するコード進行設計となっているため、音を外す心配はありません。The harmonic progression is engineered so every transition sounds musically coherent regardless of order. Performers can improvise vocal melodies, rap verses, or instrumental accompaniments without worrying about dissonant mistakes.
✋ 手の高さコントロール (Hand Height)
手を高く上げると高域のきらめきとビートのエネルギーが増し、手を下げると温かみのある落ち着いたローファイサウンドへと変化します。まるでシンセサイザーのフィルターを直接手で操っているかのような表現力を体験できます。Continuous vertical elevation maps to dual filter modulation curves, adjusting low-pass cutoff and stereo chorus depth simultaneously for nuanced dynamic expression.
Choose Your Sound
1つの楽器で楽しむ3つの音楽スタイル
演奏前に好きなスタイルを選択できます。Dreamy、Lo-fi、Cinematic の各スタイルごとに異なるコード進行、リズム、ベースライン、そしてビジュアル演出が用意されています。
Dreamy
心地よく広がる光と幻想的なサウンド。
Dreamy style features warm synth chords, delicate drum patterns, and luminous visual trails at 92 BPM. 温かいシンセコード、繊細なパーカッション、きらめく光の軌跡が優雅に舞うドリーミー・ポップ空間。ボーカルを乗せたカバー動画にも最適です。Built upon Cmaj7, G6, Am7, and Fmaj7 chord voicings, this aesthetic delivers lush polyphonic reverb and sparkling particle effects tailored for dream pop ballads and soothing acoustic covers.
Dreamy Pop92 BPM
Lo-fi
温かくレトロで、心地よいチルなビート。
Lo-fi style delivers mellow chords, dusty drum beats, and subtle vinyl crackle at 78 BPM. まろやかなコード、アナログレコードのような質感、暖かみのあるベースが奏でるチルなローファイ・ビーツ。夜のリラックスタイムや作業用BGMの演奏にぴったりです。Centered on Dm9, G7, Cmaj7, and A7 jazz chord voicings, this mode creates intimate tape-saturated beats with warm analog character perfect for late-night chill sessions.
Lo-fi Beats78 BPM
Cinematic
重厚でドラマチック、壮大なスケール感。
Cinematic style delivers expansive chord voicings, deep bass pulses, and dramatic visual energy at 84 BPM. 雄大なコード進行、重低音のパルス、壮大なビジュアルエネルギーが広がるシネマティック空間。映画のワンシーンのような劇的な盛り上がりを手元の操作で生み出せます。Constructed around Em, C, G, and D epic anthemic progressions, this soundscape produces powerful sub-bass swells and striking visual light bursts for dramatic short videos.
Cinematic Pulse84 BPMCapture the Moment
あなたの演奏をそのままミュージックビデオに
Gesture Synth lets you record a 15-second vertical video combining gestures, visuals, and music. 手の動き、鮮やかな光の軌跡、そして生成された音楽が一体となった9:16の縦型動画をワンタップで録画。TikTok、Instagram Reels、YouTube Shorts にぴったりのクリップが完成します。編集ソフト不要でそのまま保存できます。The integrated media recorder captures high-resolution canvas visuals and clean stereo master audio directly from the browser render pipeline. Exported WebM and MP4 files require zero post-production transcoding, allowing creators to produce viral social clips instantly.
- 15秒のワンタップ縦型録画 (15-second vertical video recording)
- 9:16のTikTok・YouTube Shorts・Reels最適化フォーマット
- 音楽とジェスチャーとアニメーション光エフェクトの完全同期
- Webカメラまたはキーボードどちらでも利用可能
- ウォーターマーク（透かし）なしで無料ダウンロード
Private by Design
カメラ映像は端末内でのみ処理、プライバシーを完全保護
Gesture Synth processes all camera frames locally in your browser. カメラの映像ストリームはすべてブラウザ内部（Client-side）でローカル処理されます。映像データが外部サーバーへ送信されたり、クラウドに保存されたりすることは一切ありません。マイクへのアクセスも不要です。安心・安全に演奏をお楽しみいただけます。Local machine learning inference runs inside browser sandboxes without remote API calls, preventing any video surveillance risks and protecting your personal privacy unconditionally.
- カメラ映像の完全ローカルブラウザ処理 (Local camera processing)
- サーバーへの映像送信・クラウド保存なし (No video uploaded)
- マイクアクセス権限不要 (No microphone access required)
- アカウント登録・ログイン不要 (No sign-up or registration)
- クレジットカード・料金請求なしの完全無料 (Free to use)
カメラなしでも大丈夫。キーボードモードで即演奏
カメラが使えない環境やWebカメラがないPCでも、キーボードモード（Keyboard Mode）で全く同じ音楽体験が可能です。数字キーの1〜4で各コードをトリガーし、スペースキーで一時停止。マウスの上下移動や画面のスワイプ操作で手の高さと同様にエネルギーを調節できます。Press numeric keys 1, 2, 3, and 4 to trigger the identical four chords, tap Space to toggle pause and play, and move your mouse cursor vertically to modulate audio dynamics seamlessly.
同じシンセサイザー音源エンジン、同じビジュアルエフェクト、同じ動画録画機能をカメラなしでお楽しみいただけます。外出先や静かなオフィスでも気軽にコード進行を試せます。Keyboard mode delivers millisecond-precise latency for tight rhythmic playing on desktop workstations, laptops without webcams, and mobile touchscreen devices.
キーボードモードを試す
複雑さではなく、好奇心のために作られた楽器
インストール不要ですぐに演奏
専用ソフトのダウンロードやアカウント作成、音楽理論の学習は一切不要。Gesture Synth is free to play online right in your browser. ブラウザを開くだけですぐに音を鳴らせます。Zero software installations, zero account registration, and zero subscription paywalls let anyone explore instant music creation within moments of opening the website.
誰でも必ず良い音に響く設計
それぞれのジェスチャーに割り当てられたコードは、緻密に計算されたコード進行に基づいて配置されています。どんな順番で指を動かしても不協和音にならず、心地よいハーモニーが保たれます。Expertly arranged chord voicings maintain harmonic consonance across every combination, eliminating bad notes and encouraging free musical improvisation.
直感的なリアクティブビジュアル
手の軌跡に追従する光のパーティクル、色彩の変化、ビートに同期するパルス。あなたの手の動きそのものが画面上に美しいジェネレーティブアートを描き出します。Interactive visual feedback trails follow physical hand coordinates across the screen, turning every gestural motion into radiant generative digital art.
SNSシェアに最適なショート動画出力
音楽とシンクロした光のエフェクトと手の動きをそのまま15秒の縦型動画として録画。TikTokやInstagram Reels、YouTube Shortsに投稿できる高品質なコンテンツが即座に完成します。Automated vertical video recording captures synchronized music, gestures, and graphics in a shareable package ready for instant publishing on social media channels.
Guides
ステップバイステップで学ぶ Gesture Synth の使い方
ハンドトラッキングの設定方法からカメラのトラブルシューティング、キーボード操作、録画テクニックまで、Gesture Synth の実際の動作に基づいた実践的なガイドを用意しています。
初心者ガイド
初心者向けオンライン音楽制作ガイド：ブラウザで始める音楽
ブラウザで使える音楽制作ツール、Web 楽器と DAW の違い、Gesture Synth を使った最初の演奏方法を分かりやすく解説します。
ブラウザセッション
ダウンロード不要でオンライン音楽制作：実践ステップガイド
ソフトのインストール不要でブラウザから音楽を作る手順：音の確認、短い演奏の組み立て、オンライン楽器の基本操作をステップ別に解説。
アクセス許可
Chrome・各ブラウザでカメラアクセスを許可する方法
Chrome、Safari、Edge、Firefox でカメラを安全に有効化：権限ダイアログ、サイト設定の確認、ブロック解除、プライバシー保護の完全ガイド。
シンセサイザーの基礎
オンラインシンセサイザー：ブラウザで表現豊かな音を奏でる
オンラインシンセサイザーの仕組み、Web Audio API による音響生成、演奏特化型 Web 楽器 Gesture Synth の特徴と魅力を詳しく解説。
ビジュアルパフォーマンス
オンライン音楽ビジュアライザー：音を光と動きに変換する
音楽ビジュアライザーが音声データを光とアニメーションに変換する仕組み、ツールの選び方、Gesture Synth のリアルタイム映像表現を解説。
バーチャル楽器
バーチャル楽器：ブラウザから直接音楽を演奏する
Web バーチャル楽器の基本、キーボード操作とジェスチャー操作の比較、Gesture Synth で手軽に最初の演奏を始めるステップを紹介。
FAQ
よくある質問
Gesture Synth とはどのようなサービスですか？
Gesture Synth is a free browser instrument that turns hand movements into music. Gesture Synth は、Webカメラの前に手をかざすだけでコードやビート、光のビジュアルエフェクトをリアルタイムに奏でられる無料のオンライン音楽作成アプリです。特別な音楽制作ソフト（DAW）やプラグインのインストールは一切不要で、ブラウザを開いてカメラアクセスを許可するだけで即座に演奏を開始できます。Gesture Synth is a free browser instrument designed for everyone from beginners to experienced music creators. The platform utilizes advanced browser APIs including Web Audio API for audio synthesis, MediaPipe Handpose for real-time computer vision tracking, and HTML5 Canvas for dynamic visual feedback. Every performance is rendered at 60 FPS with responsive low-latency audio processing.
Gesture Synth の基本的な使い方を教えてください。
Gesture Synth is free to play and very easy to learn. 基本的な使い方はシンプルです。まず Dreamy、Lo-fi、Cinematic の3つの音楽スタイルから好みのサウンドを選択します。カメラに向かって指を1本立てると1つ目のコード、2本で2つ目、3本で3つ目、4本で4つ目のコードが鳴ります。手の高さを上下に動かすことで音の明るさやフィルターのエネルギーを調整でき、手をグー（握りこぶし）にすると演奏を一時停止できます。Gesture Synth is free to play in your browser anytime with no setup. To achieve optimal performance, hold your hand approximately 30 to 60 centimeters away from the webcam under balanced ambient lighting. When transitioning between chords, extend your fingers clearly so the browser vision engine detects hand landmarks smoothly without hesitation.
Gesture Synth で音が出ない場合の対処法は？
Gesture Synth 音が出ない場合の主な原因と対処法は以下の通りです。まず、ブラウザのタブがミュートになっていないか、PCやスマートフォンの音量が上がっているかをご確認ください。最新のブラウザ（Chrome, Safari, Edge など）では、自動再生ポリシー（Autoplay Policy）により画面上のクリックやキー操作などのユーザーアクションを検知するまでWeb Audioの音声出力が制限される仕様となっています。画面を一度クリックしてサウンドを有効化してください。Gesture Synth is a free browser instrument that requires an active AudioContext. If using external Bluetooth headphones or speakers, verify that your operating system has selected the correct audio output device. High Bluetooth latency can occasionally cause delayed sound, so wired headphones or built-in stereo speakers are recommended for the most immediate real-time response.
カメラの映像がサーバーに送信されたり保存されたりしますか？
いいえ、一切送信されません。Gesture Synth processes all camera video locally on your device in real time. Gesture Synth はMediaPipeハンドトラッキング技術をブラウザ上で直接動作させており、カメラ映像の解析はすべて訪問者のローカル端末内で完結します。カメラの映像や静止画データが外部サーバーに送信されたり、クラウドに保存されたりすることは一切ありません。プライバシーを最重視した設計となっておりますので、安心してご利用いただけます。No video frames or image buffers leave your local client machine. Hand tracking models run client-side via WebAssembly and WebGL shaders, ensuring complete privacy, zero bandwidth upload consumption, and total security for every user.
マイクへのアクセス許可は必要ですか？
いいえ、マイクのアクセス許可は一切必要ありません。Gesture Synth uses the Web Audio API to synthesize sound directly inside your browser. 演奏されるすべてのオーディオ（コード、シンセサイザー、ドラム、ベース）はブラウザの内蔵音源エンジンによってリアルタイム生成されます。外部の音声入力を録音する必要がないため、マイク権限を要求することもありません。The synthesizer engine operates with polyphonic oscillators, custom wavetable shapes, resonant low-pass filters, stereo chorus modulators, and algorithmic reverb units built purely in JavaScript and Web Audio nodes. Because all sound generation is internal, background noise in your room will never degrade audio recording quality.
カメラのないパソコンや、カメラを使いたくない環境でも遊べますか？
はい、キーボードモード（Keyboard Mode）で全く同じように演奏できます。キーボードの数字キー「1」「2」「3」「4」で各コードをトリガーし、スペースキーで一時停止、マウスの上下移動またはタッチ操作で手の高さと同様にサウンドのエネルギーをコントロールできます。WebカメラがないデスクトップPCや、外出先でカメラを起動できない場合でも手軽に音楽制作をお楽しみいただけます。Gesture Synth is a free browser instrument that ensures accessible performance on all devices. Keyboard mode provides precise timing control for recording crisp chord progressions, making it ideal for songwriting sketches, chord exploration, and desktop music experimentation without webcam hardware.
推奨されるブラウザや対応デバイスは？
Gesture Synth runs smoothly on modern browsers including Google Chrome, Apple Safari, Microsoft Edge, and Mozilla Firefox across Windows, macOS, iOS, and Android devices. カメラ機能とWeb Audio APIをサポートしている最新のブラウザ環境であれば、PC、タブレット、スマートフォンを問わず快適に動作します。特に Google Chrome や Safari の最新バージョンでのご利用を推奨しております。The web app takes advantage of modern hardware acceleration, WebGL graphics rendering, and WebAssembly computing pipelines. Mobile smartphones with front-facing selfie cameras allow instant handheld play in vertical orientation, while laptops and desktop setups provide larger display previews for visual art observation.
Gesture Synth は本当に無料ですか？録画動画の商用利用やSNS投稿は可能ですか？
はい、Gesture Synth is free to play, record, and share without limitations. Gesture Synth は完全無料でご利用いただけます。アカウント作成やクレジットカード登録は一切不要で、演奏、15秒の動画録画、動画ファイルのダウンロードまですべて無料です。録画した動画は TikTok、YouTube Shorts、Instagram Reels などのSNSへの自由な投稿・シェアが可能です。ご自身のクリエイティブな表現やパフォーマンスにぜひご活用ください。Gesture Synth is a free browser instrument that exports watermark-free video files directly to your device. You own the musical recordings and creative video clips you create, and you may freely publish them on personal or commercial social media channels without royalty fees.