javascript - 单击多个图像可同时播放多个音频
问题描述
我有 5 张图片和每张图片的 5 种不同的音频。当我单击第一个图像时,播放第一个音频,当单击第二个图像时,第二个音频与第一个音频一起播放。单击图像时,我只想播放分配给图像的单个音频。
<a onclick="myAudioFunction('a');">
<img src="first.jpg" height="500px" width="500px" >
</a>
<a onclick="myAudioFunction('b');">
<img src="second.jpg" height="500px" width="500px">
</a>
<script>
var aAudio = new Audio('audio1.mp3');
var bAudio = new Audio('audio2.mp3');
function myAudioFunction(letter) {
if(letter == 'a')
{
aAudio.play();
}
else if(letter == 'b')
{
bAudio.play();
}
}
</script>
解决方案
你试过这样吗?
<script>
function myAudioFunction(letter) {
if(letter == 'a')
{
var aAudio = new Audio('audio1.mp3');
aAudio.play();
}
else if(letter == 'b')
{
var bAudio = new Audio('audio2.mp3');
bAudio.play();
}
}
</script>
推荐阅读
- python - 在 Python Try 语句中测试多个条件
- xcode - 查看任何项目的任何情节提要时 xcode/simulator 崩溃
- excel - SaveAs PDF 宏在不同 Excel 版本上的奇怪行为
- javascript - React 姿势状态影响子组件姿势
- sql - 选择在两列 DBMS SQL 之间只有一种唯一关系的行
- c++ - _Unwind_RaiseException 示例
- azure - ARM 模板中“WindowsOSVersion”的哪个值?
- c# - 如何在字符串保存期间删除 & 字符
- c++ - 如何分离 `QObject` 的父子关系的关注点,例如与其他所有者互操作?
- marklogic - Marklogic如何使用序列化