This permanently deletes your Marimba Studio profile, RP, unlocks, progress, and recordings.
OAuth users: this deletes only your Marimba Studio profile, not your connected account.
Saved Recordings
Manual email and password login is still being developed. For now, please login or signup with Google, Microsoft, or Discord.
Manual email and password signup is still being developed. For now, please login or signup with Google, Microsoft, or Discord.
Password reset is available for email and password accounts.
Use at least 8 characters so your Marimba Studio profile stays secure.
The Marimba Studio
Play | Learn | Create
You have successfully logged out. Thank you for playing The Marimba Studio. See you again soon for more music, learning, and creativity.
The Marimba Studio
Subscriptions
Songs you unlock stay yours forever. Plan benefits stay active while the plan is active.
SubscriptionPlan benefits
Rumble Points
Buy Rumble Points
Top up RP for Music Book song unlocks.
RP top-upsChoose a pack or build your own.
RP unlocks Music Book songs permanently on your profile.
Choose a top-up
Minimum custom checkout is R5.
RP purchases are credited digitally after PayFast checkout.
RP purchases are optional support purchases and are non-refundable once credited.
Checkout
Checkout unavailable
Checkout could not start. Please try again.
⚙️ Settings
🔊Volume70%
⏱️Metronome120 BPM
🎵Rumble
👆Play Mode
Rumble Points0 RP
🎓Marimba Lessons With Prof Rumble
🎵 Listen & Practice
50% Slower100% Normal150% Faster
0:000:00
🔴00:00
Studio Stats
Includes total lifetime site entries across desktop, tablet, and mobile.
Online
--
Profiles
--
Total
--
Logged in
--
Subscribed
--
Badges earned
--
Guests
--
Install The Marimba StudioFull-screen playing, quicker access, no app store.
Home screen app
Get The Marimba Studio App
Add the studio to your home screen for a cleaner full-screen marimba experience. It opens like an app, keeps you close to practice, and does not require the app store.
Before you add it: future Marimba Studio updates may require removing the old home-screen icon and adding it again so the app icon and latest version refresh properly.
Detected browser: checking...
Why install?
Fewer browser controls around the marimba when you play.
Faster return to practice from your home screen.
A cleaner full-screen feel for Learn Mode, Rumble, recordings, and the Music Book.
No app store download and no extra account needed just to add the icon.
Tutorial Teacher
What Would You Like Help With Today?
Choose a lesson and Prof Rumble will guide the matching mobile controls.
40%
(function mobileInstallPrompt() {
'use strict';
const PROMPT_DELAY_MS = 60000;
const DISMISSED_KEY = 'ms_mobile_install_prompt_dismissed_until';
const INSTALLED_KEY = 'ms_mobile_install_prompt_installed';
const OPENED_FROM_APP = window.matchMedia?.('(display-mode: standalone)')?.matches
|| window.navigator.standalone === true;
const el = (id) => document.getElementById(id);
let deferredInstallPrompt = null;
let promptTimer = null;
let detectedInstallProfile = null;
const safariIosSteps = {
browserLabel: 'iPhone Safari',
note: 'Safari is the most reliable way to add the studio to an iPhone home screen.',
steps: [
['Open this page in Safari.', 'On iPhone, Apple shows the home-screen install option from Safari.'],
['Tap the Share button.', 'It is usually at the bottom of Safari. If your address bar is at the top, it may appear near the top instead.'],
['Choose "Add to Home Screen".', 'Scroll the share sheet if you do not see it straight away, then tap Add. The Marimba Studio icon will appear on your home screen.']
]
};
const androidChromeSteps = {
browserLabel: 'Android Chrome',
note: 'Chrome usually offers the cleanest Android install flow.',
steps: [
['Tap the three-dot menu.', 'It is usually in the top-right corner of Chrome.'],
['Choose "Install app" or "Add to Home screen".', 'The wording changes between Android versions, but it will be in the browser menu.'],
['Confirm Add or Install.', 'After confirming, launch The Marimba Studio from your home screen for the most app-like experience.']
]
};
const browserMatchers = [
['iOS Chrome', /CriOS/i, 'iosRedirect'],
['iOS Edge', /EdgiOS/i, 'iosRedirect'],
['iOS Firefox', /FxiOS/i, 'iosRedirect'],
['iOS Opera', /OPiOS/i, 'iosRedirect'],
['iOS DuckDuckGo', /DuckDuckGo/i, 'iosRedirect'],
['iOS Brave', /Brave/i, 'iosRedirect'],
['Samsung Internet', /SamsungBrowser/i, 'samsung'],
['Android Edge', /EdgA/i, 'androidMenu'],
['Android Firefox', /Firefox/i, 'firefoxAndroid'],
['Android Opera', /OPR|Opera/i, 'androidMenu'],
['Android Brave', /Brave/i, 'androidMenu'],
['Android Vivaldi', /Vivaldi/i, 'androidMenu'],
['Android DuckDuckGo', /DuckDuckGo/i, 'androidMenu'],
['Android Yandex', /YaBrowser/i, 'androidMenu'],
['Android UC Browser', /UCBrowser/i, 'androidMenu'],
['Android Kiwi Browser', /Kiwi/i, 'androidMenu'],
['Android Mi Browser', /MiuiBrowser/i, 'androidMenu'],
['Android Huawei Browser', /HuaweiBrowser/i, 'androidMenu'],
['Android QQ Browser', /MQQBrowser/i, 'androidMenu'],
['Android Puffin', /Puffin/i, 'androidMenu'],
['Android Chrome', /Chrome|CriOS/i, 'androidChrome'],
['Android Browser', /Android/i, 'androidMenu'],
['iPhone Safari', /Safari/i, 'iosSafari']
];
function isMobilePage() {
return /mobileindex\.html/i.test(window.location.pathname)
|| document.getElementById('bottom-nav')?.classList.contains('bottom-nav-redesigned');
}
function isSuppressed() {
if (OPENED_FROM_APP) return true;
if (localStorage.getItem(INSTALLED_KEY) === '1') return true;
const dismissedUntil = Number(localStorage.getItem(DISMISSED_KEY) || 0);
return dismissedUntil > Date.now();
}
function escapeHtml(value) {
return String(value).replace(/[&<>"']/g, (char) => ({
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
}[char]));
}
function getBrowserProfile() {
const ua = navigator.userAgent || '';
const isIOS = /iPad|iPhone|iPod/i.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
const isAndroid = /Android/i.test(ua);
const matched = browserMatchers.find(([label, pattern]) => {
if (label.startsWith('iOS') || label.includes('iPhone')) return isIOS && pattern.test(ua);
if (label.startsWith('Android') || label === 'Samsung Internet') return isAndroid && pattern.test(ua);
return pattern.test(ua);
});
const label = matched?.[0] || (isIOS ? 'iPhone browser' : isAndroid ? 'Android browser' : 'Mobile browser');
const recipe = matched?.[2] || (isIOS ? 'iosRedirect' : isAndroid ? 'androidMenu' : 'generic');
if (recipe === 'iosSafari') {
return { ...safariIosSteps, browserLabel: label, tab: 'ios' };
}
if (recipe === 'iosRedirect') {
return {
browserLabel: label,
note: `${label} on iPhone may not show Apple's home-screen option. Safari is the reliable route.`,
steps: [
['Open this page in Safari.', 'Copy the page link, open Safari, then paste it there.'],
['Tap the Share button in Safari.', 'It is usually at the bottom of Safari, or near the address bar if your layout is different.'],
['Choose "Add to Home Screen".', 'Tap Add, then launch The Marimba Studio from the new home-screen icon.']
],
tab: 'detected'
};
}
if (recipe === 'firefoxAndroid') {
return {
browserLabel: label,
note: 'Firefox usually places the home-screen option inside its menu.',
steps: [
['Tap the three-dot menu.', 'Open the Firefox menu from the address bar area.'],
['Choose "Install" or "Add to Home screen".', 'If you do not see Install, look for Add to Home screen further down the menu.'],
['Confirm the shortcut.', 'After confirming, open The Marimba Studio from your home screen.']
],
tab: 'detected'
};
}
if (recipe === 'samsung') {
return {
browserLabel: label,
note: 'Samsung Internet usually adds sites through its menu.',
steps: [
['Tap the menu button.', 'It may appear as three lines or three dots depending on your toolbar layout.'],
['Choose "Add page to" or "Add to Home screen".', 'Select Home screen if Samsung Internet asks where to add it.'],
['Confirm Add.', 'The Marimba Studio icon will appear on your home screen.']
],
tab: 'detected'
};
}
if (recipe === 'androidChrome') {
return { ...androidChromeSteps, browserLabel: label, tab: 'android' };
}
if (recipe === 'androidMenu') {
return {
browserLabel: label,
note: `${label} normally uses the browser menu for home-screen install options.`,
steps: [
['Open the browser menu.', 'Look for the three-dot, three-line, or browser menu button.'],
['Choose "Install app" or "Add to Home screen".', 'Some browsers call it Add page to, Add shortcut, or Install.'],
['Confirm Add or Install.', 'Then open The Marimba Studio from your home screen for the cleaner app-style view.']
],
tab: 'detected'
};
}
return {
browserLabel: label,
note: 'Your browser is not one of the common install flows, so use the standard mobile browser menu route.',
steps: [
['Open the browser menu.', 'Look for a share, menu, or tools button.'],
['Find an install or home-screen option.', 'The wording may be "Install app", "Add to Home Screen", "Add shortcut", or similar.'],
['Confirm the action.', 'If your browser does not offer it, open the page in Safari on iPhone or Chrome on Android.']
],
tab: 'detected'
};
}
function renderSteps(sectionId, profile) {
const section = el(sectionId);
if (!section) return;
const note = profile.note
? `
