【问题标题】:Playing links to audio on click [duplicate]单击播放音频链接[重复]
【发布时间】:2019-06-06 10:10:10
【问题描述】:

我的网页包含一堆通过 php 生成的链接。这些是 mp3 文件的链接,现在当我单击它们时,声音开始在新标签中播放。如何添加脚本,以便所有链接在单击时直接在同一选项卡中开始播放源声音(并在重新单击时停止)?提前为一个可能愚蠢的问题道歉,但请原谅我对所有这些事情都很陌生。

<a href="url1" target="_blank">value1</a>
<a href="url2" target="_blank">value2</a>
<a href="url3" target="_blank">value3</a>

【问题讨论】:

  • 您需要使用audio 元素,如下面的答案所示,但是如果您想动态切换srcaudio,则需要更多的逻辑。请参阅我标记的副本以获取示例代码。
  • 好的,谢谢,我一定会看看的! :)

标签: javascript jquery html web audio


【解决方案1】:

您应该使用audio 标记,如下所示:

<audio controls>
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

在此处阅读更多信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/

此外,target="_blank" 属性将导致链接在新选项卡中打开。

祝你的编码之旅好运!

【讨论】:

  • 谢谢!这不会调出音频播放器控件吗?我只想要链接文本,例如"value1" 充当播放/停止按钮。
  • 会,但就可访问性而言,它会更好。如果您仍想使用 a 标签,则只需删除 target="_blank"
  • 好的,我知道我可能错误地提出了这个问题。我不想改变页面,删除target="_blank" 会加载音频所在的页面。我想留在同一页面上。
  • 那么你必须使用音频标签..
  • 您可以通过从音频标签中删除“控件”属性来摆脱控件。然后您可以在链接的点击事件上播放音频,请参阅this question
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-13
  • 1970-01-01
  • 2014-11-19
相关资源
最近更新 更多