Lofi music in a browser tab, playing in the background
How to run lofi music in a browser tab in the background while you work, study or code: keep it playing, stop it from getting in the way, and pick a web player that suits a tab that stays open all day.
Short answer: To play lofi music in a background browser tab, open a lofi web player, press play once (browsers block autoplay until you click), then switch to your other tabs. Desktop browsers normally keep tab audio running in the background. Lofi (lofi.ai) is a free lofi radio built for this: open lofi.ai/radio, pick a station and listen with no account, with optional rain, thunder, fireplace and birdsong layers in the same tab.
Why listen to lofi in a browser tab instead of an app?
A browser tab is the lightest way to get background music. There is nothing to install, it works the same on Windows, macOS, Linux and ChromeOS, and it sits next to whatever you already have open: docs, an editor, a spreadsheet or a lecture slide deck.
Tabs are also easy to start and stop. Opening a bookmarked station can become a ritual that signals "work time," and closing the tab ends it.
Does lofi keep playing in a background tab?
On desktop, yes in normal use. When you switch to another tab or another app, the browser keeps the audio from a tab that is already playing. Browsers do throttle hidden tabs to save battery, slowing down timers and pausing animations you cannot see, but active audio playback is generally kept running. Memory-saving features in some browsers can unload inactive tabs, and tabs that are playing sound are generally treated as active.
There are two common catches:
- Autoplay blocking. Browsers usually refuse to start sound until you interact with the page. If a station opens silently, press play once.
- Closing the window. The music lives in the tab, so closing it, closing the browser or restarting the computer stops playback.
How do I set up a lofi tab with Lofi?
- Open lofi.ai/radio. It is a searchable catalog of lofi stations with sort and filter options, grid and table views, track counts, durations, artwork and upvotes.
- Open a station. The full-screen station player has crossfading background art or video and a retro hi-fi style control set: scrubber, previous, play, next and volume.
- Press play, then turn the music down to a level you only notice when you listen for it.
- Optional: mix in ambience. Rain, Thunder, Fire and Birds each have their own control, layered independently on top of the music. Rain adds a WebGL raindrop overlay, thunder triggers lightning flashes, and a warm bokeh light overlay softens the scene.
- Switch away. If you leave the tab visible on a second monitor, the controls auto-hide after 3 seconds idle so you see the artwork rather than buttons.
Stations and tracks on Lofi are AI-generated original lofi, and each station is its own set of tracks with its own title and artwork; AI-generated lofi music explains more.
Which browser tab lofi options are there?
Several good options run in a tab, and they suit different people. This summary uses only publicly described features; check each site for current details.
| Option | How it runs | Ambient sounds | Account to listen | Good for |
|---|---|---|---|---|
| Lofi (lofi.ai) | Web radio with station catalog and full-screen player | Rain, Thunder, Fire, Birds, mixed independently | No | A single tab with lofi plus ambience and a shared live chat |
| YouTube lofi livestreams (such as Lofi Girl) | 24/7 video livestream in a YouTube tab | Varies by stream | No | The best-known lofi brand and a huge live chat community |
| Lofi Desk (desk.lofigirl.com) | Web player, marked as beta | Soundscapes | Only for live chat | Lofi Girl fans who want a dedicated web player |
| lofi.cafe | Browser player for curated YouTube lofi streams | Reported ambient layers | No sign of one | Minimal, zero-friction listening with keyboard shortcuts |
| Lofi Cities | Installable web app with pixel-art city scenes and music generated in the browser | City scenes | No | Offline use once loaded and wallpaper exports |
| Noisli | Ambient sound mixer in the browser | 16 sounds on the free plan | Free tier has limits | Pure ambience, with a daily streaming cap on free |
If you are choosing between these, best lofi websites and web players goes deeper, and Lofi vs YouTube lofi livestreams covers the most common alternative head to head.
Is a lofi web player better than a YouTube tab?
YouTube lofi livestreams are free, enormous and well loved, and Lofi Girl's streams have one of the biggest live chats around. The trade-offs show up when the tab stays open for hours: a video stream draws more data and processing than audio with still or lightly animated art, and YouTube live streams can show pre-roll and mid-roll ads when creators enable them. A dedicated lofi web player avoids juggling a video site in your work tabs. If YouTube is not an option on your network or you simply prefer to skip it, see how to listen to lofi without YouTube.
How do I keep a lofi tab from getting in the way?
- Pin the tab. Pinned tabs shrink to an icon at the left of the tab bar, so the station is out of the way but easy to find.
- Use the tab speaker icon. Most desktop browsers mark tabs that play sound. In Chrome and Edge you can right-click another tab to mute that site; in Firefox you click the speaker on the tab.
- Put it in its own window. A separate small window, or a second monitor, keeps the station art visible without cluttering your main tab strip.
- Balance volume in the page. Set the lofi volume inside the player rather than turning down your whole computer, so calls and notifications stay audible.
- Lean on ambience for hard tasks. When music starts to pull attention, turn the music down and leave rain running. Research on background sound is mixed and personal, but quiet, steady, wordless sound is generally the least distracting kind.
Can I listen to lofi with other people in a tab?
Yes. Lofi has a universal live chat shared by listeners across all stations, with a live listener count, so the tab can be social when you want it and silent when you do not. For more, see listen to lofi together with live chat.
Lofi also lets you claim a personal pixel island at lofi.ai/yourname using magic-link sign-in. Each account gets one public, walkable island set in one of 11 original pixel-art cities at night, including Tokyo, Paris, New York, London and Amsterdam, each with its own skyline, landmarks, weather and soundscape. You can add a bio and links, up to 6 AI characters visitors can talk to, and a radio soundtrack. Visitors see live presence and chat, and can move with the keyboard, click-to-walk or touch.
What about phones and tablets?
The Lofi web player works on any device. Mobile browsers handle background audio differently from desktop: depending on the browser and your settings, web audio may pause when you switch apps or lock the screen. If you mostly listen on iPhone, an iPhone app is available; lofi apps for iPhone compares the options.
Open the radio Claim your island
FAQ: lofi music in a browser tab
Does lofi keep playing when the browser tab is in the background?
Yes, on desktop browsers audio in a background tab normally keeps playing while you work in other tabs or apps. Browsers may slow down timers and animations in hidden tabs to save power, but they generally leave active audio alone. Closing the tab or the whole browser stops the music.
Why won't lofi start playing automatically when I open the tab?
Most browsers block autoplay with sound until you interact with the page, so you usually need to press play once. After that first click the music plays normally, and you can switch to other tabs without it stopping.
Can I listen to lofi in a browser tab without an account?
Yes. On Lofi (lofi.ai), you can open lofi.ai/radio, pick a station and listen in the browser with no sign-up. An account is only needed to claim your own pixel island at lofi.ai/yourname.
Can I add rain or fireplace sounds to lofi in the same tab?
On Lofi, yes. The station player has Rain, Thunder, Fire and Birds layers that you can mix independently on top of the music, so one tab gives you both the lofi station and the ambience.
How do I mute other tabs while lofi plays?
Most desktop browsers show a speaker icon on any tab that is playing sound. In Chrome and Edge you can right-click a tab and mute the site, and Firefox lets you click the speaker icon on the tab. That lets you silence a noisy page without touching the lofi tab.
Does lofi in a browser tab work on a phone?
The Lofi web player works on any device, including phone browsers. Mobile browsers can pause web audio when you switch apps or lock the screen, depending on the browser and settings. If you want lofi on iPhone in the background, an iPhone app is available.