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> 
  • Explain what exactly does not work. Which mistakes? - Alexandr Tovmach
  • @Alexandr Tovmach nothing happens when you click on play. Tests: Android 4.4, iPhone 5, iPad. - Fagot Koroviev
  • Do the rest of the buttons work? - Alexandr Tovmach 2:23 pm
  • @Alexandr Tovmach How can I test the rest of the buttons if the start fails? - Fagot Koroviev
  • wrap all the functions in try-catch and output error messages in the house-model, then you can roughly understand what the error is without connecting the debugger directly to the device - Stranger in the Q

0