Hi this my simple project

window.addEventListener("load", () => {
  loadIndexedDB(1, callBackData);
  loadNotesIndexedDB(callBackNotes);
});

let playSound = () => {
  const audio = new Audio();
  audio.src = "./audio/audio.wav";
  audio.play();
  audio.load();
};

let callBackNotes = (note) => {
  const notes = [];
  notes.push(note);
  notes.forEach((el) => {
    $(".note_empty").addClass("note_activ");
    let dateForDateTimeLocal = dateFormat();
    let alarmColor;
    if (el.alarm != null && dateForDateTimeLocal < el.alarm) {
      alarmColor = "#fff";
    } else if (el.alarm != null && dateForDateTimeLocal >= el.alarm) {
      alarmColor = "#ff1c1c";
      playSound();
    } else {
      alarmColor = "#fff";
    }
    $(".add_note_container").append(
      appendHtml(
        el.noteBackColor,
        el.noteTextColor,
        el.note,
        el.projectType,
        el.time,
        el.id,
        el.alarm,
        alarmColor
      )
    );
  });
};

My project localhost start audio play working but refresh window or reload not working audio.play I am dont understand what the problem Please help me Thanks