Add volume slider to Overcast.fm player page

add-volume.js

(() => {
  const container = document.createElement('div');
  container.innerHTML = 
  `<div>Volume</div>
  <input type="range" value="1" min="0" step="0.01" max="1">`;
  
  document.querySelector('#playcontrols_container').after(container);
  
  const audio = document.querySelector('#audioplayer');
  const volume = container.querySelector('input[type="range"]');
  volume.addEventListener('change', event => {
    audio.volume = (+event.target.value);
  });
  
  container.style.display = 'flex';
  container.style.flexDirection = 'column';
  container.style.alignItems = 'stretch';
  container.style.textAlign = 'center';
  container.style.accentColor = '#fc7e0f';
  container.style.marginBottom = '20px';
})();