Атрибут звуковой петли работает не со всеми mp3-файлами и в конце имеет небольшой звук pypt

Почему-то атрибут loop не работает с каждым файлом .mp3, и я не понимаю, почему. У него также есть немного странный звук, похожий на «pypt» и конец. Цикл JS работает так же. Вы можете послушать это в демо.

Я создаю игру Simon, и есть 4 ссылки на эти звуки:

  1. https://s3.amazonaws.com/freecodecamp/simonSound1.mp3
  2. https://s3.amazonaws.com/freecodecamp/simonSound2.mp3
  3. https://s3.amazonaws.com/freecodecamp/simonSound3.mp3
  4. https://s3.amazonaws.com/freecodecamp/simonSound4.mp3

В конце у каждого из них есть небольшой "pypt", и я пытался найти ответ на эту проблему, поэтому нашел это на Reddit:

Its to do with the phasing at the at the start of the sample. If you take the sound wave to a point where it's at the axis, i.e. no sound, then you won't get it. The popping is (for example) when you end a sound abruptly when the woofer is still "poking out" so to say, and the pop is made when it jumps back to silence.

Да, я пробовал использовать программу, которая могла бы сделать эффект «затухания», и она сработала, однако это не для меня, потому что Мне нужно зацикливаться без изменения громкости звука.

Итак, эффект «затухания» исчез. Что мне тогда делать?

<audio id = "music" autoplay loop>
  <source src = "https://s3.amazonaws.com/freecodecamp/simonSound1.mp3" type = "audio/ogg">
</audio>

<!-- https://s3.amazonaws.com/freecodecamp/simonSound1.mp3 - LOOPS ONLY ONCE -->
<!-- https://s1.vocaroo.com/media/download_temp/Vocaroo_s1WvOFSeks6I.mp3 - LOOPS FOREVER -->

Зачем вам зацикливать звук для игры Саймона? Каждая последовательность звука - это короткая вспышка. Звук pypht - это когда звук прерывается выше или ниже 0 амплитуды. Кроссфейд - это способ плавного достижения 0.

zer00ne 23.03.2018 13:41

Потому что, пока пользователь не отпустит мышь, она должна зацикливаться вечно.

Lukas Naujokaitis 23.03.2018 15:22

Пользователь никогда не оставит свою мышь в игре Simon Says, потому что в 75% случаев следующий звук будет другого цвета.

zer00ne 23.03.2018 17:26

Перейдите здесь и не отпускайте цвет. Посмотри на источник, звуковых шлейфов нет.

zer00ne 24.03.2018 02:07
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
4
91
0

Другие вопросы по теме