RTFMaster

SELECT `p`.`name` AS `pub_name`, `c`.`media_url` AS `cover_url`
  FROM (
    SELECT DISTINCT `publication_id`
      FROM `tbl_publication_media`
      WHERE `media_type` = 2
  ) AS `v`
  JOIN `tbl_publication` AS `p`
    ON `p`.`id` = `v`.`publication_id`
  LEFT JOIN `tbl_publication_media` AS `c`
    ON `c`.`publication_id` = `p`.`id` AND `c`.`media_type` = 4

Задосить.

Сохранить в LocalStorage.

Пишем listener и слушаем, когда обновляется значение громкости в плеере, то выполняем следующий код/команду: localStorage.setItem('volume', ЗНАЧЕНИЕ);

При загрузке страницы, проверить, есть ли в локалСторайдж ключ volume...

localStorage.getItem('volume');

Для скиллов: https://learn.javascript.ru/localstorage

Пример с кодом здесь, если кому-то в будущем понадобится.

Leaflet