【问题标题】:how to start an mp3 file with a mouse click如何通过鼠标单击启动 mp3 文件
【发布时间】:2015-05-27 17:37:41
【问题描述】:

我正在尝试制作一个网站,我想在您单击页面上的任何位置时发出声音(例如,当鼠标单击页面上的任何位置时它的点击标记)。 我尝试了很多东西,但都没有工作(onclick,href ...)。

<input type="button" value="play" onclick="play(darude.mp3)"> , 
<a href="#" onMouseOver="PlaySound('darude.mp3')">play</a>

这样可以吗?

我想这样做:http://twerkclan.github.io/mlg-userscript/

【问题讨论】:

  • 你能告诉我们你到目前为止所做的尝试吗?
  • @Xitas 我尝试使用按钮和链接 , 播放
  • 然后在您的问题中添加您的代码,让我们帮助您做得更好。
  • @MeshBoy 的回答并不是我真正想要的。我想要一个在页面上任何地方触发的声音,所以在 html 正文中,而不仅仅是点击图片或链接,就像这样:twerkclan.github.io/mlg-userscript

标签: html click mouse


【解决方案1】:

试试这个代码:

var button = document.getElementById('button');
var audio = document.getElementById('audio');

var onClick = function() {
    audio.play(); // audio will load and then play
};

button.addEventListener('click', onClick, false);

Working code

并在任意位置单击时调用函数。当用户单击 html body 标记时,您应该调用该函数。

【讨论】:

  • 是否可以在不点击文本的情况下播放歌曲,但也可以在周围的空白处播放?
  • 是的,在正文中只有文字,但在页面中,正文中也有空白部分。
  • 现在我更新了小提琴,你现在可以看到当你点击空白处时会播放声音
  • 好的,我会尝试使用 .js 文件和 .html 文件
  • 如果我想播放自己的歌曲(og test.mp3),我会写: 但它不起作用
猜你喜欢
  • 1970-01-01
  • 2013-06-27
  • 1970-01-01
  • 2020-01-30
  • 2011-08-10
  • 2017-05-03
  • 1970-01-01
  • 2020-03-18
  • 2012-01-02
相关资源
最近更新 更多