NixOS/Linux: Audio and playback issues (ALSA backend?)

[zzzealed]

Hello !
I built Glide by copying the derivation from Nixpkgs and used callPackage ./derivation.nix {} on it.
Then I launched it with $ glide.

My system uses Pipewire as it's audio backend with ALSA and PulseAudio support enabled.

When playing YouTube videos the audio would intermittently cut or distort. Additionally, the playback on music services like Spotify or Tidal would refuse with an error. I checked about:support and the "Audio Backend" is weirdly enough set as "alsa", which I think is actually a deprecated "Audio Backend" in Firefox? It also showed pretty limited decoding options.

On my Firefox instance the "Audio Backend" is "pulse-rust", and I don't have any audio or playback issues.

Setting the preference media.cubeb.backend = pulse seems to fix these audio cuts in YouTube, But I'm still left with the playback issues on Spotify/Tidal.

Perhaps the Firefox build needs a --enable-pipewire-flag or something similar?

Spotify-web's console:

Uncaught PlaybackError: MediaSourceManager: addSourceBuffer() failed. Given MIME type is not supported/compatible.
    A https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    fatal https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _onSourceOpen https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    n https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    Oe https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    ce https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    _init https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    recreate https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    recreate https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _recreateMediaElement https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _prepareMediaElement https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    load https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    promise callback*load https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _changeTrack https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    promise callback*_changeTrack https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    next https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    promise callback*next https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    play https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    promise callback*play https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _replaceState https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _performCommand https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _onTrackPlaybackMessage https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    o https://open-exp.spotifycdn.com/cdn/build/web-player/vendor~web-player.97e7afcc.js:1
    _dispatchFromStore https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    emit https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    a https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
    t https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js:1
vendor~web-player.97e7afcc.js:1:765848

Media resource blob:https://open.spotify.com/3dacbecd-2056-4d49-b3cc-e96401292311 could not be decoded. tracks

This error message will be blank when privacy.resistFingerprinting = true.  If it is really necessary, please add it to the whitelist in MediaError::GetMessage: virtual RefPtr<MediaDataDecoder::DecodePromise> mozilla::GMPVideoDecoder::Decode(MediaRawData *): mGMP not initialized

Source map error: Error: URL constructor:  is not a valid URL.
Stack in the worker:resolveSourceMapURL@resource://devtools/client/shared/source-map-loader/utils/fetchSourceMap.js:56:22
getOriginalURLs@resource://devtools/client/shared/source-map-loader/source-map.js:74:24
workerHandler/</<@resource://devtools/client/shared/worker-utils.js:115:52
workerHandler/<@resource://devtools/client/shared/worker-utils.js:113:13

Resource URL: wasm:https://open-exp.spotifycdn.com/cdn/build/web-player/web-player.341be856.js%20line%201%20%3E%20WebAssembly.Module
Source Map URL: null

[zzzealed]

Actually maybe setting media.cubeb.backend = pulse didn't entirely fix the YouTube audio cuts. :(

[pyrox0]

Spotify and Tidal probably don't work since glide doesn't support DRM, see https://glide-browser.app/faq#why-can't-i-play-drm-content

[zzzealed]

Oh yeah that's probably why. Then only the YouTube audio-cuts remain an issue.