禾粥 2021-06-20 22:21 采纳率: 100%
浏览 53
已采纳

HTML文件中插入音频,将其转化为鼠标事件,单击图片即可播放

<audio id="audio1" autoplay="autoplay" src="abc.mp3"  preload>对不起,您的浏览器不支持html5音频API</audio>

<div class="music">

   <button id="play" onclick="toggleMusic()"><img id="start" src="img/anniu_000.jpeg" width="50px" height="50px"></div>

onclick后面的函数不会定义,对于这个程序也不是特别理解

  • 写回答

1条回答 默认 最新

  • 风雪一更 2021-06-21 15:30
    关注

    1、你的button没有对应的</button>

    2、去掉audio的自动播放:

    <audio id="audio1" src="abc.mp3"  preload>对不起,您的浏览器不支持html5音频API</audio>

    3、在你的js中定义如下函数:

    function toggleMusic(){
        var audio = document.getElementById("audio1");
        audio.play();
    }
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 streamingtool
  • ¥15 MATLAB图像问题
  • ¥20 树莓派5做人脸情感识别与反馈系统
  • ¥15 selenium 控制 chrome-for-testing 在 Linux 环境下报错 SessionNotCreatedException
  • ¥15 使用pyodbc操作SQL数据库
  • ¥15 MATLAB实现下列
  • ¥30 mininet可视化打不开.mn文件
  • ¥50 C# 全屏打开Edge浏览器
  • ¥80 WEBPACK性能优化
  • ¥30 python拟合回归分析