Question

我知道如何打开新标签页。例如，这就是我所拥有的：

<a href="pdfs/award_2.pdf" target="_blank" style="font-size:17px">Award</a></span>

此代码将打开一个新选项卡，并加载我的award_2.pdf文件。但是，当新标签打开时，我怎么能做一些播放音乐的东西？我怎么能这样做，当我关闭新标签时，音乐也停止了？

我还有音频标签代码：

<audio id="audio1_3"><source src="sounds/audio1_3.mp3" type="audio/mpeg" /><source src="sounds/audio1_3.ogg" type="audio/ogg" />Your browser does not support the audio element.</audio>

但是如何通过打开/关闭pdf文件来进行播放/停止？

Answer 1

在您的pdf文件所在的同一文件夹中创建一个新的html文件，并将此代码放在该html文件中。

 <audio autoplay>
  <source src="youraudio.ogg" type="audio/ogg">
  <source src="youraudio.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio> 
   <iframe id="viewer" src="yourpdffile.pdf" allowfullscreen="" webkitallowfullscreen="" height="500" width="700"></iframe>

保存文件（根据需要更改代码中的路径）。将Anchor指向新的html文件。

<a href="newhtmlfile.html" target="_blank" style="font-size:17px">Award</a></span>

多数民众赞成。

Answer 2

尝试将onfocus和onblur事件设置为您的代码：

ex:

window.onfocus=function(){
    //stop the music
}
window.onblur=function(){
    //play the music
}

注意：当您关闭新标签时，这不会停止音乐，但只有当您导航回原始标签页时才会停止。

有关详细信息，请参阅onfocus和onblur文档。

Answer 3

您是否正在尝试使用音乐打开新标签＆＃34;内部＆＃34;？如果是，那就是not recommended但是，让我试着帮助你。

您可以使用iframe显示.pdf（也是not recommended）。

要播放音频，您可以使用HTML5的audio tag：

<audio src="audio.ogg" autoplay loop>
  <p>Your browser does not support the audio element </p>
</audio>

然后，使用.pdf文件显示下面的iframe。

<iframe src="pdf.pdf"></iframe>

不要忘记将iframe设置为full page size。

html打开播放声音的新标签

3 个答案: