iframe出现问题，getElementByIDcontentWindow

问题描述

我正在尝试制作一个本地html音频播放器，以在具有多个音频播放器的页面之间随机播放。我希望随机播放每30分钟发生一次，但我希望它能等到第一个音频播放器播放完曲目后再运行随机播放功能。

我在使主窗口完全无法访问iframe中的音频播放器时遇到了麻烦，尝试暂停测试它，并且对于如何在setinterval命令中调用事件监听器也感到困惑。这是我的代码：

主页：

    <iframe src="sPLIF.html" height="200" width="900" frameborder="0" id="pmframe" title="PLIF Player"></iframe>

<script>
    var lastSong = null;
    var selection = null;
    var playlist = [
    "PLIF1/plif1.html","PLIF200703/PLIF200703.html","PLIF200802/PLIF200802.html","PLIF200808/PLIF200808.html","PLIF200816/PLIF200816.html","PLIF200823/PLIF200823.html","PLIF_Noir/PLIF_Noir.html","PLIF3_Dream/plif3_dream.html","sPLIF.html"]; 
   
    var player = document.getElementById("pmframe");
    function selectRandom(){
        while(selection == lastSong){
        selection = Math.floor(Math.random() * playlist.length);
    }
        lastSong = selection; 
        player.src = playlist[selection]; 

    }
    
    selectRandom(); 
    setInterval(endSong,1800000); 

var alto = document.getElementById("pmframe").contentwindow.player;
  
setTimeout(endSong,1800000); 

function endSong(){
    alto.addEventListener("ended",selectRandom);
}
    
</script>

和一个示例iframe页面：

<audio id="alto" autoplay>
<source src="alto.m4a" type="audio/m4a">
</audio>

<audio id="drums" autoplay>
<source src="drums.m4a" type="audio/m4a">
</audio>



<script>
    var lastSong = null;
    var selection = null;
    var playlist = [
    "alto1x.m4a","alto1x.m4a","pause.m4a"]; 
    var player = document.getElementById("alto"); 
    player.autoplay=true;
    player.addEventListener("ended",selectRandom);

    function selectRandom(){
        selection = Math.floor(Math.random() * playlist.length);
        lastSong = selection; 
        player.src = playlist[selection]; 
    }

    selectRandom(); 
    player.play(); 
</script>

<script>
    var lastSong2 = null;
    var selection2 = null;
    var playlist2 = ["drums1x.m4a","drums1x.m4a","pause30s.m4a"]; 
    var player2 = document.getElementById("drums"); 
    player2.autoplay=true;
    player2.addEventListener("ended",selectRandom2); 

    function selectRandom2(){
        selection2 = Math.floor(Math.random() * playlist2.length);
        lastSong2 = selection2; 
        player2.src = playlist2[selection2]; 
    }

    selectRandom2(); 
    player2.play(); 
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

iframe javascript