Определить источник тега <audio>в JavaScript после перенаправления потока - PullRequest
Новая
       63

Определить источник тега <audio>в JavaScript после перенаправления потока

0 голосов
/ 24 октября 2018 
<html>
    <head>
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <video id="aPlayer" name="media" src="https://kerkdienstgemist.nl/streams/75528.mp3" type="audio/mpeg" controls >
        </video>
        <br/>
        <input id="srcCheck" type="button" value="Check aPlayer.src value" onclick="alert(aPlayer.src);">
    </body>
</html>

При загрузке вышеуказанной страницы источник https://kerkdienstgemist.nl/streams/75528.mp3 перенаправляет на: https://assets.kerkdienstgemist.nl/static/no_broadcast-c0e1ed59.mp3. С этим проблем нет.

При нажатии кнопки до нажатия кнопки воспроизведения отображается начальный URL.Все еще хорош.Но когда вы нажимаете кнопку после нажатия кнопки воспроизведения, по-прежнему отображается тот же URL-адрес, хотя он был перенаправлен на новое место и воспроизводится поток.

Чтобы продемонстрировать, что URL-адрес перенаправляет, нажмите на ссылку: https://kerkdienstgemist.nl/streams/75528.mp3 и вы увидите, что он меняется в адресной строке браузера.

Есть предложения?

1 Ответ

0 голосов
/ 24 октября 2018

Я думаю, НЕ возможно обнаружить перенаправление с помощью JavaScript, потому что свойство src текущего DOM останется неизменным независимо от перенаправления.

Даже я пытался создать плеериспользуя код и попытал счастья, если мы увидим src после перенаправления видео. 

<input id="srcCheck" type="button" value="Check aPlayer.src value" onclick="myFunction()">
<script>
        var x = document.createElement("VIDEO");
        x.setAttribute("id", "aPlayer");
        x.setAttribute("src", "https://kerkdienstgemist.nl/streams/75528.mp3");
        x.setAttribute("width", "320");
        x.setAttribute("height", "240");
        x.setAttribute("controls", "controls");
        document.body.appendChild(x);

    function myFunction() {
            var t = document.getElementById("aPlayer");
            console.log(t.src);
       }
    </script>
...