Где и как лучше хранить аудиофайлы музыкально плеера?

Сергей Соколов, Если можно тут кучу вопросов позадавать и Вас не затруднит поотвечать, буду благодарен очень )
По сути не обязательно json обратно в объект преобразовывать
Я могу имя альбома и так достать, к примеру
А значит и все остальное.

let albums = 
    [
      {
        "albumTitle": "Meteora",
        "artist": "Linkin Park",
        "tracks": [
          {"title": "Breaking The Habit", "src": "meteora/breaking-the-habit.mp3"},
          {"title": "Track 2", "src": "meteora/track-2.mp3"},
          {"title": "Track 3", "src": "meteora/track-3.mp3"},
        ]
      },
      {
        "albumTitle": "Сборник",
        "tracks": [
          {"title": "Track 1", "artist": "Газманов", "src": "trash/track-1.mp3"},
          {"title": "Track 2", "artist": "Киркоров", "src": "trash/track-2.mp3"},
          {"title": "Track 3", "artist": "Шуфутинский", "src": "trash/track-3.mp3"},
        ]
      }
    ];
console.log(albums[0].albumTitle); // Meteora

Где и как лучше хранить аудиофайлы музыкально плеера?

Сергей Соколов, буду пробовать из вашего примера

[
  {
    "albumTitle": "Meteora",
    "artist": "Linkin Park",
    "tracks": [
      {"title": "Breaking The Habit", "src": "meteora/breaking-the-habit.mp3"},
      {"title": "Track 2", "src": "meteora/track-2.mp3"},
      {"title": "Track 3", "src": "meteora/track-3.mp3"},
    ]
  },
  {
    "albumTitle": "Сборник",
    "tracks": [
      {"title": "Track 1", "artist": "Газманов", "src": "trash/track-1.mp3"},
      {"title": "Track 2", "artist": "Киркоров", "src": "trash/track-2.mp3"},
      {"title": "Track 3", "artist": "Шуфутинский", "src": "trash/track-3.mp3"},
    ]
  }
]

По сути тут я вижу что намного меньше кода станет написано, насколько я понимаю нужно преобразовать в обычный объект из json-a и как то обращаться с именам

Где и как лучше хранить аудиофайлы музыкально плеера?

у меня простенькое ТЗ от ментора - сделать музыкальный плеер, на хостинг это выкладываться не будет. Поэтому всякие права мне не нужны.Просто хочется учиться правильно и использовать нужный софт, чувствую просто что я абсолютной ерундой занимаюсь с аудио файлами.

Где и как лучше хранить аудиофайлы музыкально плеера?

Сергей Соколов, с чего стоит начать чтобы реализовать эти альбомы, с изучения MongoDB или сразу в SQL ?

Где и как лучше хранить аудиофайлы музыкально плеера?

キム ファイブプラス, хорошо, спасибо

Где и как лучше хранить аудиофайлы музыкально плеера?

Посмотрю уже завтра, просто верстая альбомы задаюсь вопросом. А если у меня 200 таких альбомов должно быть. Мне каждый вручную подгонять что ли?

Где и как лучше хранить аудиофайлы музыкально плеера?

Сергей Соколов, А как лучше ?

Как вывести нужный элемент по клику?

Сделал немного по своему, но то что хотел - получилось. Спасибо!

Как вывести нужный элемент по клику?

то есть если я условно нажму на картину альбома, то выведет undefined, а если на заголовок то только заголовок выдаст.

Как вывести нужный элемент по клику?

Работает, конкретно если нажать на title либо на artist
Хочется в целом нажимать на блок

const onClick = ({ target }) => {
  const { title, artist } = target.dataset;
  actualTitle.innerText = title;
  actualArtist.innerText = artist;
};
document.querySelector(".albums-wrapper").addEventListener("click", onClick);

Как вывести нужный элемент по клику?

Сергей Соколов, А еще мне бы хотелось получить совет, как избавиться в коде от вот такого мусора

let visibleAlbum = "";
let album = "";
let albumImage = "";

Мне они нужны глобально
Например в переменную visibleAlbum попадает кликнутый альбом который содержит json информацию по нему и в цикле проходится и достает нужное

function showPlaylist(visibleAlbum) {
      for (let i = 0; i < visibleAlbum.length; i++) {
        let trackContainer = document.createElement("div");
        trackContainer.classList.add("track");

        let trackName = document.createElement("p");
        trackName.classList.add("track-name");
        trackName.innerText = visibleAlbum[i].name;

        let trackArtist = document.createElement("p");
        trackArtist.classList.add("track-artist");
        trackArtist.innerText = visibleAlbum[i].artist;

        let mainTrack = document.createElement("audio");
        mainTrack.classList.add("main-track");
        mainTrack.setAttribute("src", `files/${visibleAlbum[i].src}.mp3`);
        trackContainer.append(mainTrack);
        trackContainer.append(trackName);
        trackContainer.append(trackArtist);
        playlist.append(trackContainer);
        trackContainer.addEventListener("click", () => {
          mainTrack.play();
        });
      }
    }

Как вывести нужный элемент по клику?

Сергей Соколов, функция showAlbum рендерит альбом на который я нажимаю albumShow. Я не оправдываюсь, переменные действительно названы ужасно и буду работать над этим.

Как вывести нужный элемент по клику?

Сергей Соколов, нет, не путаюсь все верно написано

Как сделать чтобы js применялись только к определенному диву?

masterwen, если дивы с разными классами то не будет, смотря какая логика нужна

Как вешать один класс на активный класс среди множества одинаковых элементов?

У меня пустое окно :(

Как отправить форму при нажатии на enter, если кнопок несколько?

Big_Trouble, а разница ?

Как подключить env конфиг к javascript файлу?

я в доку и сам залезть могу, но толку если делаю все по доке и выходит 16 ошибок

Как ограничить видимость переменных между html страницами?

Спасибо большое, выручили.

Как из firebase вытащить всех юзеров списком?

const dbRef = ref(getDatabase());
get(child(dbRef, `users/`)).then((snapshot) => {
snapshot.forEach((child) => {
child.val().email;

});
});

Как выбрать все токены в firebase?

const dbRef = ref(getDatabase());
get(child(dbRef, `users/`)).then((snapshot) => {
snapshot.forEach((child) => {
child.val().email;

});
});