Ростислав

const notes = new Array(3).fill('').map( (_,i) => ({id:i,title:`Note ${i+1}`}))

Нашел решение, вдруг кому пригодиться.

Нельзя что бы до нажатия пользователя на странице был плеер.

Браузеру пофиг что выключен звук, что нет чему воспроизводиться, что авто воспроизведение вообще выключено, он блокирует все если на странице до нажатия существовал даже пустой плеер. Нужно все контексты(плеер в том числе) создать после нажатия кнопки пользователем.