javascript - 如何在javascript中使用图片启动声音

Question

嗨，我目前遇到了一个问题

我有一张图片，我希望它在其中制作动画并开始播放声音剪辑。到此为止，画面变成了动画，但是音乐还没有开始。

这是我的javascript:

$(document).ready(function() {

    $(document).ready(function() {
        $("img").click(function() {
            $(this).animate({
                height: '150px',
                width: '150px'
            });

            function play_single_sound() {
                document.getElementById('audiotag1').play();
            };
        });
    });
});

这是我的 index.html，其中有关我的音频 ID 的信息是:

<audio id="audiotag1" src="tailtoddle_lo.mp3" preload="auto"></audio>

Answer 1

假设您的 jQuery 设置正确，您可能需要以下内容

1. 移除嵌套的文档。就绪
2. 实际调用点击里面的函数

像这样

$(function(){
  // tilknyt klik-funktion til alle IMG tags
  $("img").click(function(){
    $('#audiotag1').play();
    $(this).animate({
      height: '150px',
      width: '150px'
    });
  });
});

或者这个

function play_single_sound() {
  document.getElementById('audiotag1').play();
}

$(function(){
  // tilknyt klik-funktion til alle IMG tags
  $("img").click(function(){
    play_single_sound();
    $(this).animate({
      height: '150px',
      width: '150px'
    });
  });
});