Музыка
Минус
Плюс
Значения, которые были введены
Модификация настраивается очень быстро, для того чтобы добавить аудиофайл и кнопки нужно заполнить следующие поля:

Настройка аудиофайла

1.«Ссылка на файл mp3» — В этом поле нужно указать прямую ссылку на аудиофайл, который нужно загрузить например на хостинг. Важно чтобы формат аудиофайла был .mp3.
Важно: если используете Dropbox, то чтобы получить прямую ссылку для скачивания, замените www.dropbox.com, на dl.dropboxusercontent.com что даст вам ссылку, например: https://dl.dropboxusercontent.com/s/hriinb9w3a2107m/iPad%20intro.pdf;
2.«Добавить файл» — Если вы хотите добавить несколько аудиофайлов, тогда нужно нажать на ссылку "Добавить файл". После нажатия появятся новые 3 поля для следующего аудиофайла. Важно чтобы ссылки для разных аудиофайлов и кнопок были разные;
3.«Начинать аудиофайл заново после паузы» — включите эту настройку, если файл должен проигрываться заново после паузы;

Настройка кнопок воспроизведения

4.«Ссылка для play» — Придумайте ссылку для кнопки, при нажатии которой будет воспроизводится аудиофайл. Важно чтобы ссылка начиналась с символа #. Например #play;
5.«Ссылка для stop» — Придумайте ссылку для кнопки, при нажатии которой аудиофайл будет останавливаться. Важно чтобы ссылка начиналась с символа #. Например #stop;

Настройка кнопок громкости

6.«Класс кнопки для кнопки увеличения звука» — Придумайте класс для кнопки, при нажатии которой звук аудиофайла будет увеличиваться.
7.«Класс кнопки для кнопки уменьшения звука» — Придумайте класс для кнопки, при нажатии которой звук аудиофайла будет уменьшаться.
8.«Громкость изначально» — Выберите изначальную громкость аудиофайла в выпадающем списке;
9.«Шаг увеличения/уменьшения громкости» — Укажите значение на сколько будет увеличиваться или уменьшаться громкость аудиофайла при нажатии на кнопки увелечения громкости или уменьшения громкости;


  • 10. Добавляете блок Т123 и вставляете в него сгенерированный HTML код.
Як на картинке
<!--NOLIM--><!--NLM138--><!--settings{"addFile":[{"mp3":"https://310401.selcdn.ru/links/Zvuk_-_vinil.mp3","playsound":"#odinstart","stopsound":"#odinstop"}],"startOver":"0","volumeIncrease":"volumePlus138","volumeDecrease":"volumeMinus138","volumeStart":"10","soundStep":"5"}settingsend--><!--ts1741608362143ts--> <audio id="#odinstartaudio"><source src='https://310401.selcdn.ru/links/Zvuk_-_vinil.mp3'></audio> <script> 	$(document).ready(function () { 		function changeDisplay(attribute,display='') { 			$(`a[href^='${attribute}']`).each(function() { 				if (display == "none") { 		 $(this).parents(".tn-elem").addClass("nolimAutoScaleFix"); 		 } else { 		 $(this).parents(".tn-elem").removeClass("nolimAutoScaleFix"); 		 } 			}); 		} 	 				changeDisplay('#odinstop','none'); 				$("audio").each(function() { 				 $(this)[0].volume = 0.1; 				}); 				if ($("a[href^='#odinstart']").length > 0) { 					$("a[href^='#odinstart']").addClass("odinstartplaybtnbg0"); 				}; 				if($("a[href^='#odinstop']").length > 0) { 					$("a[href^='#odinstop']").addClass("odinstopstopbtnbg0").addClass("nolimAutoScaleFix"); 				}; 				if($("a[href^='#odinstart']").length > 0 ) { 					$("a[href^='#odinstart']").click(function (e) { 						e.preventDefault(); 						const soundMax = document.getElementById("#odinstartaudio"); 						$("audio").not(soundMax).each(function () { 							$(this).trigger("pause"); 						}); let soundDuration; if(soundMax) { soundDuration = soundMax.duration; } const int = setInterval(function() { if (soundMax.currentTime === soundDuration) { clearInterval(int); changeDisplay('#odinstop', 'none'); changeDisplay('#odinstart',''); } }, 1000); 						if(0) { 							soundMax.currentTime = 0; 						}; 						soundMax.play(); 						$('a[class*=playbtnbg]').each(function() { 							$(this).parents(".tn-elem").removeClass("nolimAutoScaleFix"); 						}); 						$('a[class*=stopbtnbg]').each(function() { 							var classes = $(this).attr('class'); 							if (classes.indexOf('.odinstopstopbtnbg0') === -1) { 								$("a[href^='#odinstart']").addClass("nolimAutoScaleFix"); 							} 						}); 						$("a[href^='#odinstart']").each(function() { 							$(this).parents(".tn-elem").addClass("nolimAutoScaleFix"); 						}); 						$(".odinstopstopbtnbg0").removeClass("nolimAutoScaleFix"); 						$(".odinstopstopbtnbg0").parents(".tn-elem").each(function() { this.classList.remove("nolimAutoScaleFix"); }); 						let elementsStop = document.querySelectorAll('[class*=stopbtnbg]'); 						let elementsStart = document.querySelectorAll('[class*=playbtnbg]'); 						[elementsStop, elementsStart].forEach(elements => { 							elements.forEach(e => { 								if (!e.className.includes('odinstopstopbtnbg0')) { 									if (elements === elementsStop) { 										e.classList.add("nolimAutoScaleFix"); 									} else { 										e.classList.remove("nolimAutoScaleFix"); 									} 								} 							}); 						}); 					}); 				}; 				if($("a[href^='#odinstop']").length > 0) { 					$("a[href^='#odinstop']").click(function (e) { 						e.preventDefault(); 						const soundMax = document.getElementById("#odinstartaudio"); 						soundMax.pause(); 						changeDisplay('#odinstart',''); 						$(this).parents(".tn-elem").addClass("nolimAutoScaleFix"); 						$(".odinstartplaybtnbg0").removeClass("nolimAutoScaleFix"); 						$(".odinstartplaybtnbg0").parents(".tn-elem")[0].classList.remove("nolimAutoScaleFix"); 					}); 				} 		 			; 			function increaseVolume() { 				$("audio").each(function() { 					const maxVolume = 1 - 0.05; 					if (!this.paused && $(this)[0].volume < maxVolume) { 				 $(this)[0].volume += 0.05; 					} 				}); 		 } 		 function decreaseVolume() { 				$("audio").each(function() { 					const minVolume = 0.060000000000000005; 					if (!this.paused && $(this)[0].volume > minVolume) { 				 $(this)[0].volume -= 0.05; 					} 				}); 		 } let intForVolumeIncrease = setInterval(() => { const volumeIncrease = $('.volumePlus138'); if(volumeIncrease) { clearInterval(intForVolumeIncrease); volumeIncrease.click(function() { increaseVolume(); }); } },100); setTimeout(() => { if(intForVolumeIncrease) { clearInterval(intForVolumeIncrease); } },5000); let intForVolumeDecrease = setInterval(() => { const volumeDecrease = $('.volumeMinus138'); if(volumeDecrease) { clearInterval(intForVolumeDecrease); volumeDecrease.click(function() { decreaseVolume(); }); } },100); setTimeout(() => { if(intForVolumeDecrease) { clearInterval(intForVolumeDecrease); } },5000); 	}); </script> <style> .nolimAutoScaleFix { opacity: 0!important; height: 0!important; max-height: 0!important; min-height: 0!important; pointer-events: none!important; overflow: hidden!important; padding-top: 0!important; padding-bottom: 0!important; position: absolute; bottom: -100000px; } </style>