单击图像在浏览器中听到声音答案

【问题标题】：click image hear sound in browser单击图像在浏览器中听到声音
【发布时间】：2018-09-24 14:15:59
【问题描述】：

我目前正在创建一个网站。

我有很多网站/资源，可以去做我想做的事。但他们的方式/步骤对我不起作用。

我有以下情况：

我在 Dreamweaver 中有 2 个列。 1 用于图像，正确的 col 用于文本。

我希望用户点击图片并听到图片中人物的声音。没有播放器或其他页面打开。单击图像并听到音频就是它。

这个可以吗。当前唯一的例子似乎让我不确定：

http://www.it-student.org.uk/playsound/playsounds.php

我设置它，因为它要求什么都没有发生没有声音。

<title>Untitled Document</title> 
<script> 
  function EvalSound(soundobj) { 
    var thissound= eval("document."+soundobj); 
    thissound.Play();
  } 
</script>
</head>
<body>
  <embed src="hannbil smith.mp3" autostart=false width=0 height=0 name="sound1" enablejavascript="true">
   <a href="#" onClick="EvalSound('sound1')"><img src="han cast.jpg""></a> 
</body> 
</html>

【问题讨论】：

嗨，约翰。欢迎来到 SO。至少显示您尝试过的内容 - 发布代码并链接到例如 jsfiddle.net - 如果没有忘记获得任何帮助
我的建议是停止您正在做的事情，并更加熟悉您尝试使用的技术。学习 HTML 和 CSS 的基础知识相当容易。然后继续使用 JavaScript。最好现在就学，这样你以后才能更好地武装起来。
你的嵌入没有关闭，src中的url包含空格

标签： javascript css

【解决方案1】：

这可以使用 jQuery 轻松完成

演示jsFiddle

var manifest = [
    {id:"waiting", src:"http://stardotserver.co.uk/waiting2.ogg"}  
]
var preload = new createjs.LoadQueue()
preload.installPlugin(createjs.Sound)
preload.loadManifest(manifest)

$('img').on('click',function() {
    createjs.Sound.play("waiting", createjs.Sound.INTERRUPT_NONE, 0, 0, -1, .5)
});

【讨论】：

感谢所有帮助。 html、css 和 java 是我的首选。但我正在为课程做网站。这就是我的心意，要添加以增加配置文件页面所在的文本/图像的主要内容。
我进入了你的网站it-student.org.uk/playsound/playsounds.php#这个页面，当你点击图片时，声音播放正常。确保在出现提示时允许执行“运行时”。
感谢所有帮助。根据上面的链接，我使用了该示例。这是它的代码。该网站已上线。所以不能发链接。这是代码... 无标题文档

【解决方案2】：

您至少需要关闭 embed 标记并从 URL 中删除空格。 EVAL 也是 EVIL。最后从 onclick 中返回 false

我给它一个 ID 并使用 getElementById

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title> 
<script> 
  function evalSound(soundobj) { 
    var thissound=document.getElementById(soundobj); 
    thissound.Play();
    return false;
  } 
</script>
</head>
<body>
  <embed src="hannbil%20smith.mp3" autostart=false width=0 height=0 name="sound1" id="sound1" enablejavascript="true" />
   <a href="#" onclick="return evalSound('sound1')"><img src="han%20cast.jpg""></a> 
</body> 
</html>

【讨论】：

生病发布到页面的直接链接并提出问题。我想知道我网站的代码方面的位置。我可以将代码放入 html 以允许查看我的网站的访问者单击图像并听到声音。我不想要那个。请告诉我可以将哪些代码放入我网站的 html 代码中，以允许单击图像听到声音并且没有播放器或任何东西。上面有建议，但可以让它工作了。 theateam.freeiz.com/csat_creator/cast_creator.html 这是该页面的链接。提前感谢您的帮助。
看看这里stackoverflow.com/questions/15317318/…
说实话 100% 诚实，我的输入对于嵌入或以上这些脚本的任何其他方式都不起作用。我说我不是 css、java 或任何编码方面的专家。所以我用完了想法。关于图像点击并在浏览器中以 quicktime 格式听到声音或声音播放没有任何作用。
它的唯一工作方式是。选择图像并将声音链接到它。但它会打开另一个浏览器并且不希望它这样做。就像来回跳跃以推迟任何访客。有什么想法吗？
如果可行，请定位隐藏的 iframe：<iframe name="hiddenframe" style="display:none"></iframe>