Install Sonos Controller: A process as straight forward as it sounds. Once you've downloaded the file. May 27, 2020 To play computer audio through Sonos, you’ll need to use a third-party app called Stream What You Hear (SWYH). But before we get into the setup instructions, allow us to list a few caveats: You need to perform the entire process on a Windows computer. The SWYH app is not available on macOS or mobile operating systems. When I click on the Sonos app icon in the Dock, it starts to open, then crashes. I've rebooted the the computer and the Sonos bridge attached to my Fritzbox router. It continues to fail. Does any one know a solution to this. Sonos Controller for Mac or PC: From the Sonos menu (Mac), or Manage menu (PC), click Check for Updates. On a Mac, the Sonos menu can be found in the toolbar in the top left corner of the screen. On a PC, the Manage menu is found at the top left of the Sonos application. If the Update Still Does Not Work.
This guide goes over the following:
- Overview
- Use image substitution for art and icons
Artwork consists of line art or photographs, depending on the image type. The Sonos app displays album art, custom browse icons, ratings icons, and service logo image types. Your content service sends these to the Sonos app to render. See below for more details about these image types.
Album art
Photographs associated with an
album
, artist
, playlist
, or trackMetadata
object. See Add album art for details.Custom browse icons
Line art that can represent a category, genre, or other container type in the Sonos app. For example, you can use these items in your root browse screen to show the initial categories that a listener can choose from. See Add browse icons for details.
Ratings icons
Ratings icons are line art images that represent the ratings state available to or chosen by the listener. See Add ratings for details.
Service logos
Service logos are line art images that represent your service in the music catalog. Listeners see this logo when searching for your content service to add it to their Sonos system. They then see the logo once they’ve added your service and they want to use it. Service logos represent your brand in the Sonos app. See Add logos for details.
Version 5 of the Sonos app introduced a redesign that can use the high resolution displays of iOS and Android devices.
The Windows and MacOS apps, and discontinued Sonos hardware controllers (such as the Sonos CONTROL/CR200) are considered legacy controllers. These controllers still use images in PNG format. Therefore, you must submit your logos in PNG format as well.
The table below lists the supported Sonos apps and image formats. Click a link in the product column to read the product documentation.
Sonos Apps | Description | Product | Image Format |
---|---|---|---|
WDCR | Windows desktop app (legacy user interface) | Sonos app for Mac or PC | PNG |
MDCR | Mac OS desktop app (legacy user interface) | Sonos app for Mac or PC | PNG |
ICR | iOS app | Sonos app for mobile devices | SVG |
ACR ACR-HDPI | Android app for tablets and phones | Sonos app for mobile devices | SVG |
CR200 | Custom Sonos controller (legacy user interface) | Sonos CONTROL (CR200) PDF | PNG |
Mac. Photographs need to be delivered in specific sizes, in JPG or PNG format, and with a density of 72 DPI. Files that specify a different DPI setting may not display correctly in every Sonos app.
It is important that you save Scalable Vector Graphic (SVG) images in the SVG Basic 1.1 profile. See the W3C recommendation for further details about this SVG profile. Also, do not use SVG <text> and <mask> elements or hidden layers in your line art because they can cause display problems in the Sonos app.
Validate your SVG using the W3C Markup Validation service. Be sure that the ‘Document Type’ is specifically set to SVG 1.1 Basic.
Your logos must pass validation before you submit your service for certification by Sonos. How to transfer apps from iphone to mac computers.
Artwork appears in many different sizes, depending on the device and where the the Sonos app shows the art. Therefore, the Sonos app uses image substitution to deliver a high-quality visual experience for every instance. Album art and custom browse icons use similar image substitution rules since they both use the
albumArtURI
element to display images. Sonos scales artwork by taking the largest size above what is required by the app and downsampling it.Image substitution and album art
Set the substitution rules for images in the presentation map (see Customize display for details). When the Sonos app requests album art, it will look at these rules to see if there is a value to substitute in the
albumArtURI
for the image. If there is, the app will use the substitution rules to rewrite the URI to get an image of the appropriate size.For example, if you sent the following
albumArtURI
for album art:2 4 6 | <Match> Sample URI:http://yourmusicservice.example.com/cdn-directory/aa-id_180.png imageSizeMap</code><sizeEntry size='180'substitution='_180.png'/><sizeEntry size='300'substitution='_300.png'/><sizeEntry size='600'substitution='_600.png'/><sizeEntry size='1000'substitution='_1000.png'/></imageSizeMap></Match></PresentationMap> |
The sample presentation map above shows that your service has provided four different album art sizes. Sonos will pick one of these sizes depending on the device a listener is using and the screen they are viewing. If the Sonos app is looking for a size that is not listed, it will use the next closest image that is listed.
The base
albumArtURI
is what your service first sends Sonos in a getMetadata
response. You must include a sizeEntry
for the base albumArtURI
in your imageSizeMap
. The Sonos app will use the rules set in the imageSizeMap
to show the best available size for the screen and device. This might mean using the base URI for album art, or using substitution rules to rewrite the URI for a different size image URI.This
ArtWorkSizeMap
shows that an albumArtURI
with the string “_180.png” in it has a “size=180” for 180 x 180 images. To get a 600 x 600 image, the Sonos app will use string substitution to replace “_180.png” with “_600.png”.Set up image substitution for custom browse icons
To set up image substitution for custom browse icons, define your icon artwork sizes using the
browseIconSizeMap
element in a PresentationMap
of type BrowseIconSizeMap
. The imageSizeMap
sets the rules the Sonos app uses to pick the custom browse icon with the best resolution to display using sizeEntry
elements.Set a
sizeEntry
element for each size that you want to substitute. Set the size parameter of the sizeEntry
element to the resolution size of the image that the Sonos app will request. Then set the substitution parameter to the substitution string. This should be a unique string for each size. For example:2 4 6 8 | <Match> <sizeEntry size='0'substitution='_legacy.png'/> <sizeEntry size='290'substitution='_290.svg'/> </Match> |
The sample presentation map above shows that your service provides browse icons in three sizes. The Sonos app on Mac or PC will use the PNG image for your browse icons. The Sonos app on phones and tablets will use your substitution rules to choose the appropriate SVG image for your browse icons.
Note that the legacy icon is listed with a size of zero. Sonos requires this configuration to display custom browse icons on the Sonos app for MacOS and PC. It’s important that you specify this legacy icon as it’s the only one used by the Sonos app for Mac and PC. The Sonos app for mobile devices can handle high resolution images, so they’re more apt to use image substitution to display browse icons.
The base
albumArtURI
is the URI that your service sends Sonos in a getMetadata
response. Use the PNG image format on the Sonos app for Windows and MacOS. See Sonos apps, above, for details.Custom browse icons on the Sonos app for mobile devices uses the rules set in the
browseIconSizeMap
. App import photos from iphone to mac. These rules describe how the app should rewrite the URI for the appropriate SVG image.If you do not provide SVG images or substitution rules, the Sonos app will resize the legacy PNG image as needed. This may not be the best visual experience for listeners. We recommend setting up substitution rules. Your listeners will appreciate it.
Provide an image that our Web team can scale and use on the Sonos site. Ideally, this image should satisfy the following requirements:
- Width: about 300px
- Height: about 100px
- Format: .ai or .eps
- Transparent background
Sonos speakers are one of the best ways to fill your home with music. They’re entirely wireless and controllable from your computer, tablet, or smartphone. Sonos speakers also sync with dozens of music streaming services, including Spotify, Amazon Music, and Apple Music.
However, there’s one area where Sonos falls short: there’s no way to listen to your computer’s audio output with it.
It might not sound like a big deal, but it is. If you’re an audiophile, you probably use a dedicated music manager like MusicBee or MediaMonkey to keep your tunes organized.
Specialist apps such as these include a vast number of features, tags, metadata fields, and everything else that music fanatics love. In contrast, the Sonos app is bare-bones. You can see the artist, song, album, and artwork—but not much else.
Sonos App Download For Mac Computer
How to Stream Your PC’s Audio Output to Sonos
To play computer audio through Sonos, you’ll need to use a third-party app called Stream What You Hear (SWYH). But before we get into the setup instructions, allow us to list a few caveats:
![Computer Computer](/uploads/1/3/4/2/134261639/146507899.png)
- You need to perform the entire process on a Windows computer. The SWYH app is not available on macOS or mobile operating systems.
- The speaker’s audio output will lag behind your computer by a couple of seconds. As such, this method is only suitable for listening to music, not watching videos.
- The SWYH app has not been updated since 2016. It still works perfectly, but the more time that passes, the more likely it is to break.
That said, let’s look at the process. To use your Sonos as a PC speaker, follow the step-by-step guide below.
- Download and install Stream What You Hear.
- Launch the app using the Start menu shortcut.
- Right-click on the app’s icon in the system tray.
- Go to Tools > HTTP Live Streaming.
- Copy the on-screen URL.
- Open the Sonos app.
- Go to Manage > Add Radio Station.
- Paste in the URL and give the link a name.
- Click OK.
Sonos App For Mac Computer
To use your new “radio” station, go to Radio > My Radio Stations. Make sure your computer is playing audio before launching the station, or it will fail to connect.
Do you use Sonos to stream local audio or do you prefer to use one of the best music streaming services? Remember, there are multiple ways to stream music to your Sonos speaker.
Read the full article: How to Stream Your Computer Audio Output to Sonos Speakers