Как воспроизвести аудиофайл на странице html, если источником является ссылка?

Question

У меня есть ссылка, полученная из вызова API (https://open.spotify.com/embed/track/5H1H2gRlCaB0mj961DCuFT), теперь я хочу, чтобы эта ссылка воспроизводилась как аудио на моей странице html. Я пытался использовать iFrame, но если я использую их, то я не могу отслеживать текущее время аудио файла. И если я использую аудио тег, то файл не воспроизводится. Итак, что я должен сделать, чтобы отслеживать время тега iFrame или есть лучшее решение для этого?

Answer 1

Вы можете воспроизводить аудио, используя javascript с URL, как показано ниже:

function play() {
  var audio = new Audio('https://www2.cs.uic.edu/~i101/SoundFiles/StarWars3.wav');
  audio.play();
}

<button onclick="play()">Play Audio</button>

См. Оригинал SO ответ для получения более подробной информации

Answer 2

https://open.spotify.com/embed/track/5H1H2gRlCaB0mj961DCuFT является документом HTML. Он имеет встроенный аудиоплеер.

Если вы хотите воспроизвести аудиофайл и иметь возможность отслеживать такие вещи, как воспроизведение, вам нужен реальный аудиофайл. Я очень сомневаюсь, что Spotify предоставит доступ к этому (так как это противоречит их бизнес-модели), поэтому вам нужно будет найти другой источник для аудио. (Убедитесь, что вы лицензируете его соответствующим образом).