skills.rest
google-ai-edge
google-ai-edgeOFFICIAL
Explore all skills by this author →
GitHub

virtual-piano

Play an 88-key virtual piano with bundled MP3 notes via web audio.

24.4k|2.6k|Updated Mar 31, 2025
Search Tags:#offline#audio#keyboard#on-device#web-audio#interactive-ui#virtual-piano
One-click install
npx skills add https://github.com/google-ai-edge/gallery --skill virtual-piano-google-ai-edge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: virtual-piano
Source: https://github.com/google-ai-edge/gallery/tree/main/skills/featured/virtual-piano
Command: npx skills add https://github.com/google-ai-edge/gallery --skill virtual-piano-google-ai-edge

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and assets (resource) components.

What problem does it solve?

Provides an on-device, interactive piano UI for quick music exploration without requiring external services or internet connectivity.

Core Features & Use Cases

  • 88-key playable keyboard rendered in a compact UI with web audio support.
  • Local audio playback using bundled mp3 assets, enabling offline demonstrations.
  • Educational and demonstration use for music practice, feature showcases, and playful interactions.

Quick Start

Open the Virtual Piano Skill and tap keys to hear notes.

Frequently Asked Questions about virtual-piano

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a playable virtual piano keyboard to my app for offline use?▼

You can add a playable virtual piano by integrating bundled HTML and JavaScript assets that render an 88-key keyboard UI. It uses local MP3 audio playback via the web audio engine, ensuring full offline functionality without requiring external services.

Can I use web audio for on-device music playback without an internet connection?▼

Yes, on-device web audio playback works offline by utilizing pre-packaged MP3 note assets. The interactive piano UI plays these bundled audio files locally, meaning no internet connectivity is needed for music exploration or demonstrations.

Does the 88-key virtual piano require any external audio dependencies or APIs?▼

No external audio dependencies are required. The virtual piano operates entirely on-device using bundled scripts and MP3 assets, leveraging the built-in web audio engine for local sound generation rather than relying on external audio APIs or streaming services.

What is the best way to demonstrate music concepts in an educational app offline?▼

The best way to demonstrate music concepts offline is using a full 88-key interactive piano UI. It provides tactile piano interaction through local audio playback, making it ideal for music practice, educational scenarios, and feature showcases without internet access.

How do I start playing the virtual piano once it is integrated into my app?▼

To start playing the virtual piano, simply open the integrated skill interface and tap the rendered keys. The on-device web audio engine immediately plays the corresponding pre-packaged MP3 notes, allowing for instant tactile music interaction.

Related Skills

Explore More Design & Creative Skills→
shfahiimshfahiim

virtual-piano

Render an 88-key virtual piano with Web Audio in chat experiences.

Community
Intermediate
riley1802riley1802

virtual-piano

Create an interactive 88-key piano web interface with HTML, JavaScript, and web audio APIs.

Community
Basic
servitolaservitola
12

piano-video-to-sheet

Transcribe piano videos into MIDI, sheet music, MP3, and GP5 files.

Community
Intermediate
video-production-buddyvideo-production-buddy
602

acestep

Generate custom audio assets and separate stems for video production.

Official
Intermediate