在<audio>流重定向后确定 JavaScript 中标记的来源


<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,您将看到它在浏览器地址栏中发生了变化。

有什么建议吗?

我认为不可能用 JavaScript 检测重定向,因为无论任何重定向如何,当前 DOM 的 src 属性都将保持不变。

甚至我尝试使用代码创建一个播放器,如果我们能在视频重定向后看到 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>

最新更新