Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

how does sound cloud do it?

Featured Replies

Soundcloud.com has a feature on their site that I am interested in, and I would like to know how can something like that be bulit. When you play a song on sound cloud, you can continue to browse the site but the song keeps playing and you have the audio controls available in the "top bar" of the site at all times.

 

How can something like this be made, how can one part of the website ignore reloading when changing url's/pages?

 

 

When you click a link on the site the relevant parts of the page are updated by Javascript instead of by requesting another URL, leaving the top bar as it was to continue playing!

Pages are loaded via Ajax - http://tutorialzine.com/2009/09/simple-ajax-website-jquery/. This means the user does not have to leave the page. The audio controls are most likely Javascript too, but have just been abstracted from the audio player and placed somewhere else.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.