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

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 U-Mamba/nnunetv2固定随机数种子
  • ¥15 vba使用jmail发送邮件正文里面怎么加图片
  • ¥15 vb6.0如何向数据库中添加自动生成的字段数据。
  • ¥20 在easyX库下编写C语言扑克游戏跑的快,能实现简单的人机对战
  • ¥15 svpwm波形异常求解答
  • ¥15 STM32——硬件IIC从机通信代码实现
  • ¥15 微生物组数据分析--微生物代谢物
  • ¥30 求一跃动小子保卫主公Java算法实现
  • ¥15 地图软件开发技术答疑(api, 地点获取,外观样式)
  • ¥20 物理远程控制麦克风使用问题