Below is a script that does not work on all smartphones. And imenno: IPhone 5.6, Android 4.4, Galaxy - does not work; It is required to make changes.
let play = document.querySelector('.play'); // ΡΠΎΠ·Π΄Π°Π΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡ AUDIO const audio = new Audio(); // ΡΡΠ°Π·Ρ Π²ΡΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΡΠΎΠ²Π΅Π½Ρ Π·Π²ΡΠΊΠ° Π½Π° ΡΡΠ΅Π΄Π½ΠΈΠΉ let volume = .5 audio.volume = volume; // ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΡ AUDIO ΡΡΠ΅ΠΊ audio.src = 'https://api.soundcloud.com/tracks/344175395/stream?client_id=LvWovRaJZlWCHql0bISuum8Bd2KX79mb'; // ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ ΠΊΠ°ΠΊΠΎΠΉ ΡΡΠΎΠ²Π΅Π½Ρ Π²ΡΡΡΠ°Π²Π»Π΅Π½ document.querySelector('.vol').innerHTML = audio.volume * 10; // ΡΡΠ½ΠΊΡΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ½ΠΈΠΆΠ΅Π½ΠΈΡ ΡΡΠΎΠ²Π½Ρ Π·Π²ΡΠΊΠ° document.querySelector('.volume-down').addEventListener('click', () => { if (audio.volume !== 0) { volume -= .1; // ΠΌΠ΅ΡΠΎΠ΄ .toFixed() Π½ΡΠΆΠ΅Π½ Π΄Π»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΠ±ΡΠ°ΡΡ // Π²ΡΠ΅ Π»ΡΠ½ΠΈΠ΅ ΡΠΈΡΡΡ ΠΊΡΠΎΠΌΠ΅ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΏΠΎΡΠ»Π΅ ΡΠΎΡΠΊΠΈ audio.volume = volume.toFixed(1); document.querySelector('.vol').innerHTML = audio.volume * 10; audio.muted = false; } }); document.querySelector('.volume-up').addEventListener('click', () => { if (audio.volume !== 1) { volume += .1; audio.volume = volume.toFixed(1); document.querySelector('.vol').innerHTML = audio.volume * 10; audio.muted = false; } }); // ΡΡΠ½ΠΊΡΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π·Π²ΡΠΊΠ° document.querySelector('.mute').addEventListener('click', () => { audio.muted = audio.muted == false ? true : false; }) // ΡΡΠ½ΠΊΡΠΈΡ Π΄Π»Ρ Π·Π°ΠΏΡΡΠΊΠ° ΠΈ ΠΏΠ°ΡΠ·Ρ ΠΌΡΠ·ΡΠΊΠΈ play.addEventListener('click', () => { if (audio.paused) { audio.play(); play.classList.add('fa-pause'); play.classList.remove('fa-play'); } else { audio.pause(); play.classList.remove('fa-pause'); play.classList.add('fa-play'); } }) <link href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" rel="stylesheet" /> <!--ΠΊΠ½ΠΎΠΏΠΊΠ° Π·Π°ΠΏΡΡΠΊΠ° ΠΏΠ»Π΅Π΅ΡΠ° ΠΎΠ½Π° ΠΆΠ΅ ΠΈ ΠΏΠ°ΡΠ·Π°--> <button class=" play fa fa-play"></button> <!--ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΠΎΠ½ΠΈΠΆΠ΅Π½ΠΈΡ Π·Π²ΡΠΊ--> <button class="volume-down">-</button> <!--ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ Π·Π²ΡΠΊΠ°--> <button class="volume-up">+</button> <!--ΡΡΠΎΠ²Π΅Π½Ρ Π·Π²ΡΠΊΠ°--> <span class="vol"></span> <!--ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π·Π²ΡΠΊΠ°--> <button class="mute">Mute</button>