单击按钮后如何从iframe启动音频流

时间:2018-12-30 16:49:20

标签: javascript html audio iframe triggers

我目前正在一家互联网广播电台上工作,并且使用了经典的HTML播放器进行流式传输:

<audio controls id="audio" src="http://stream.url" ></audio>

和一个简单的Java脚本

<script type="text/javascript">
    function play(){
        var audio = document.getElementById("audio");
        audio.play();
}
</script>

这意味着当我按下具有onclick元素的按钮时 onclick="play()",播放器开始播放实时流。

现在,我想对不在我域中的iframe播放器执行同样的操作。这可能吗?

这是iframe:

<iframe name="contenedorPlayer" class="cuadroBordeado" allow="autoplay" width="100%" height="110px" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="https://cp.usastreams.com/html5-player-barra-responsive.aspx?stream=http://fluoz.radiojar.com:80/54cyaf0kfkeuv&fondo=03&formato=mp3&color=11&titulo=2&autoStart=1&vol=5&nombre=Slu%c5%a1ate+B+FM+Radio&botonPlay=2&imagen=http://bfm.rs/wp-content/uploads/2018/12/logo-min.png"></iframe>

如果有什么意思,我可以设置自动播放。

1 个答案:

答案 0 :(得分:0)

首先,从页面访问不同页面受到浏览器安全性的限制。

针对您的情况,如果iframe是您要对其进行控制的页面的子代,则可以使其正常工作。

您可以使用DOM通过iframe中的document.parent或在DOM中搜索iframe元素来访问它。

否则,如果您的iframe实际上不在您的主页中,甚至不在其他域中,那么据我所知是不可能的。