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> <iframe id="viewer" src="yourpdffile.pdf" allowfullscreen="" webkitallowfullscreen="" height="500" width="700"></iframex> |
保存文件(根据需要更改代码中的路径)。
将 Anchor 指向新的 html 文件。
|
1
|
Award</span>
|
就是这样。
您是否要打开带有”里面”音乐的新标签？如果是这样，不建议这样做，但让我尝试帮助您。
您可以使用 iframe 显示 .pdf(也不推荐)。
要播放音频，您可以使用 HTML5 的音频标签：
|
1
2 |
<p>Your browser does not support the audio element </p>
</audio> |
然后，在下面显示带有 .pdf 文件的 iframe。
|
1
|
<iframe src="pdf.pdf"></iframex>
|
不要忘记将 iframe 设置为整页大小。
尝试为您的代码设置 onfocus 和 onblur 事件：
|
1
2 3 4 5 6 7 8 |
ex:
window.onfocus=function(){ |
注意：当您关闭新标签时，这不会停止音乐，但只有在您导航回原始标签时才会停止。
有关详细信息，请参阅 onfocus 和 onblur 文档。
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/269193.html