关于 javascript:html 打开新标签并播放声音

html open new tab with playing sound

我知道如何打开一个新标签。例如,这就是我所拥有的:

1
Award</span>

此代码将打开一个新选项卡,并加载我的 Award_2.pdf 文件。但是,当新标签打开时,我怎么能做一些它也播放音乐的事情呢?我怎样才能做到这样,当我关闭新标签时,音乐也会停止?

我也已经有了音频标签代码:

1
<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 文件来播放/停止呢?


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

1
2
3
4
5
  <source src="youraudio.ogg" type="audio/ogg">
  <source src="youraudio.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>
   &lt;iframe id="viewer" src="yourpdffile.pdf" allowfullscreen="" webkitallowfullscreen="" height="500" width="700">&lt;/iframex&gt;

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

1
Award</span>

就是这样。


您是否要打开带有”里面”音乐的新标签?如果是这样,不建议这样做,但让我尝试帮助您。

您可以使用 iframe 显示 .pdf(也不推荐)。

要播放音频,您可以使用 HTML5 的音频标签:

1
2
  <p>Your browser does not support the audio element </p>
</audio>

然后,在下面显示带有 .pdf 文件的 iframe。

1
&lt;iframe src="pdf.pdf">&lt;/iframex&gt;

不要忘记将 iframe 设置为整页大小。


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

1
2
3
4
5
6
7
8
ex:

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

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

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


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/269193.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论