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(){ //stop the music } window.onblur=function(){ //play the music } |
注意：当您关闭新标签时，这不会停止音乐，但只有在您导航回原始标签时才会停止。
有关详细信息，请参阅 onfocus 和 onblur 文档。