当前位置：文江博客话题详情

HTML5 音频前端

html5 audio不能播放

发布于 2022-09-04 07:21:36 字数 560 浏览 15 评论 0

    var audio = document.createElement('audio');
    var source = document.createElement('source');
    audio.setAttribute('controls', 'controls');
    source.src = './hello.mp3';
    source.setAttribute('type','audio/mpeg');

    audio.appendChild(source);
    document.body.appendChild(audio);

    window.addEventListener('click', function(){
        audio.play();
    });

图片描述

如上所示，插入的音频文件不能播放，是什么原因呢？

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

得不到的就毁灭 2022-09-11 07:21:37

代码没问题，请自行查看：
1、浏览器是否支持HTML5
2、音频文件路径是否正确，音频文件格式是否正确
3、变量是否冲突等

梦开始←不甜 2022-09-11 07:21:37

应该是你的资源的问题, 我在本地调试没问题

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <script>
    var audio = document.createElement('audio');
    var source = document.createElement('source');
    audio.setAttribute('controls', 'controls');
    audio.innerHTML = "您的浏览器不支持 audio 标签。";
    source.src = './hello.mp3';
    source.setAttribute('type','audio/mpeg');

    audio.appendChild(source);
    document.body.appendChild(audio);

    window.addEventListener('click', function(){
        audio.play();
    });
  </script>
</body>
</html>

运行结果:(注意红框中不是0:00)

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

已经忘了多久

文章 0 评论 0

15867725375

文章 0 评论 0

LonelySnow

文章 0 评论 0

走过海棠暮

文章 0 评论 0

轻许诺言

文章 0 评论 0

信馬由缰

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文