javascript - 单击图像在浏览器中听到声音

标签 javascript css

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

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

我有以下情况:

我在 Dreamweaver 中有 2 个列。 1 用于图像,右列用于文本。

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

这个可以吗。由于当前也是唯一的例子似乎让我不确定:

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>

最佳答案

这可以使用 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)
});

关于javascript - 单击图像在浏览器中听到声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18430746/

相关文章:

c# - Sharepoint + Javascript,将列表项移动/复制到另一个文件夹

javascript - 通过 AJAX/jQuery 将特定值从数据库写入 HTML

javascript - 倒计时计时器停在零,我希望它重置

html - Flexbox 无法在 Firefox 中正常工作

javascript - Lodash 过滤并省略

javascript - 我们如何使用 jquery 获取图像的位置并在该位置放置其他图像

javascript - 在 JavaScript 转换期间获取当前 CSS 属性值

css - Openlayers 在带有填充的 map 上弹出 autoPan

javascript - Accordion 按钮不会在 WordPress 中切换

Python Pelican 订单菜单项