Tampermonkey: Instagram: enable sound in stories

sound.stories.instagram.tamper.js

// ==UserScript==
// @name         Instagram: unmute stories
// @namespace    https://gist.github.com/vogler
// @downloadURL  https://gist.github.com/vogler/275939bf98efa9ccfd204c0145e1e658/raw/sound.stories.instagram.tamper.js
// @version      0.8
// @description  Clicks the button to enable sound in stories. I want to have sound by default, but there's no option. Clicking it manually everytime is annoying and you can't even click it before you reach a story with sound.
// @author       Ralf Vogler
// @match        https://www.instagram.com/*
// only needed for https://www.instagram.com/stories/*, but that would only execute it on reload, not if clicked on a story from the start page (router just changes the URL)
// @grant        none
// ==/UserScript==

(function() {
  'use strict';

  const f = el => {
    //console.log(el, el.querySelector);
    if (!el.querySelector) return; // could only search the added element, but we search the whole document

    // we identify the unmute button via its label, which is dependent on the set language (and also potentially the region/country, see en-DE vs. en-GB):
    let btn = document.querySelector('svg[aria-label="Audio is muted"]')?.closest('[role="button"]') // [en-DE] - was "Audo is muted." before but seems to be fixed now.
             || document.querySelector('svg[aria-label="Ton stummgeschaltet"]')?.closest('[role="button"]') // [de-DE]
             || document.querySelector('svg[aria-label="Audio is muted"]')?.closest('[type="button"]'); // [en-GB]
    let strategy = 1;

    // alternative/fallback for other langauges would be to select button via structure (which may change) and check the used svg icon via its viewBox (both icons in one svg with changed offset)
    // btn = null; // uncomment to always use this strategy
    if (!btn) {
      strategy = 2;
      const svgs = document.querySelectorAll('header svg[aria-label][height="16"]'); // [height="16"] is only required to filter out the svg for verified users which has an (empty) aria-label and [height="12"]
      const svg = svgs[1];
      if (svg && svg.viewBox.baseVal.width == 48) {
        btn = svg.parentElement.parentElement;
      }
    }

    if (btn) {
      console.log('unmute!', strategy, btn);
      btn.click();
    }
  };

  // handle dynamically loaded items
  (new MutationObserver((ms, ob) => ms.forEach(m => m.addedNodes.forEach(f)))).observe(document.body, { childList: true, subtree: true });
  // {subtree: false}: 2 calls for initial load, 1 for after; {subtree: true}: 4 calls for initial load, 3 for after
  // can't use {subtree: false} since it only works when first opened story has muted sound

  // to reduce the number of calls, we could only call f on (soft) navigation, however, then it wouldn't be called when directly opening a story or reloading one:
  // navigation.addEventListener("navigate", console.log);
})();

Great script!
It seems Instagram has changed some things since your last update (and fixed the typo).
This is what worked for me, simply edit the const on line 19:

    const btn = document.querySelector('svg[aria-label="Audio is muted."]')?.closest('[type="button"]');

Thanks! Interesting - hasn't changed for me (yet?):

oh how odd, on my version it's type="button" and the text is spelt correctly.

Perhaps this is region dependent, I live in the UK if that helps.

Just saw that there's also English (UK) besides English, but for both it's role="button" for me.

I included your selector (and one for de-DE) as alternatives.
Also added some fallback that doesn't rely on labels, but the DOM structure and the viewBox offset of the svg.
That should work for any language as long as there are no changes 😄

Very nice, thank you very much for patching it for the rest of us 😄

They changed the labels. I updated the script. Works again for me.