https://whatpwacando.today/src/controllers/audiosession.js

1export const controller = async () => {
2  const supported = 'audioSession' in navigator;
3  const audiosessionState = document.querySelector('#audiosession-state');
4
5  if(!supported) {
6    (document.querySelector(`.no-support`) ||
7      document.querySelector(`[data-view="${location.pathname}"] .no-support`)).style.display = 'block';
8  }
9
10  if(supported) {
11    const audioSessionType = document.querySelector('[name="audiosession-type"]');
12
13    audioSessionType.addEventListener('change', ({target}) => {
14      navigator.audioSession.type = target.value;
15      audiosessionState.textContent = navigator.audioSession.state;
16    });
17
18    navigator.audioSession.addEventListener('statechange', (e) => {
19      console.log(e, navigator.audioSession.state);
20      audiosessionState.textContent = navigator.audioSession.state;
21    });
22
23    audiosessionState.textContent = navigator.audioSession.state;
24  }
25}