Найти в Дзене
Журнал «Код»

Успокаивающие звуки на любой странице

Тревожное время требует кода на JavaScript.
Многовато паники сейчас в интернетах, нужно немного подышать. Так как мы «Код», для подышать у нас тоже есть код. Он будет проигрывать успокаивающий шум леса на любой странице, на которой захотите. Дело на 10 минут.
Алгоритм такой:
Создаём новый объект audio, который будет отвечать за воспроизведение звука.

Тревожное время требует кода на JavaScript.

Многовато паники сейчас в интернетах, нужно немного подышать. Так как мы «Код», для подышать у нас тоже есть код. Он будет проигрывать успокаивающий шум леса на любой странице, на которой захотите. Дело на 10 минут.

Алгоритм такой:

  1. Создаём новый объект audio, который будет отвечать за воспроизведение звука.
  2. Говорим ему, чтобы сразу подгружал аудиофайл, а не ждал, когда его хватятся.
  3. Говорим, что за файл.
  4. Говорим, чтобы играл по кругу.
  5. Жмём виртуальную кнопку «Плей».
  6. Всё это упаковываем в файлик, который можно подключить к любой странице.

Аудиофайл мы берём с сайта zapsplat.com и загружаем на наш сайт, чтобы мы и вы могли все им пользоваться.

Шаблон кода с воспроизведением аудио мы берём из нашей предыдущей статьи про вжух. Потому что там нормально всё. Код такой:

Сохраняем файл с расширением .js и загружаем на наш сайт. Адрес скрипта получается такой: https://thecode.media/wp-content/uploads/2020/03/coronarelax.js

Осталось настроить инъекцию этого произведения на любую страницу. Мы так сто раз уже делали. Вот этот код можно вставить в консоль браузера на любой странице (Вид → Разработчикам → Консоль) 

Если нужно встроить этот код через исходный код страницы, используйте обычный импорт скрипта:

Теперь дышите. И уберите руки от лица :-*