收藏
回答

微信8.0.32版本, 真机在H5中使用audio时,不能通过JS进行播放控制

框架类型 问题类型 操作系统版本 手机型号 微信版本
小程序 Bug HarmonyOS 2 hornor 9x 8.0.32

真机中, 在微信中直接打开链接或者在小程序webview中打开H5链接,点击页面自定义播放按钮,不能播H5页面中音频。

只有把audio的controls属性打开,然后必须点击controls中的播放按钮后,才可以通过自定义播放按钮对audio标签进行控制, 以前是只需要第一次点击页面中任何无素就可进行播放控制。

现在是以前所有H5都受到了影响,都播不了音频了。

下面这个是易企秀上面随便的一个链接,然后用真机微信打开验证:

https://h5.eqxiu.com/s/YhcxSrAi

下面是一个测试案例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<audio id="haudio" style="width: 300px;height:40px;" src=""autoplay="autoplay" controls="controls"></audio>

<div id="btn" style="width:200px;height:200px;background: blue;margin-top:40px;color:white;display: flex;justify-content: center;align-items: center;font-size:1.5em;">自定义播放按钮</div>

</body>

<script type="text/javascript">

document.getElementById('btn').onclick = function clickHandle(){

var audio = document.getElementById('haudio');

audio.setAttribute("src","https://sources.yundaolan.com/serviceObject/118/856fd1e1a798855e6420258076b05caf.mp3");

audio.play();

}

</script>

</html>

回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-Jahozheng
    社区技术运营专员-Jahozheng
    2023-02-15

    在微信里打开http://debugxweb.qq.com/?check_xwalk_update更新下内核试试

    2023-02-15
    有用
    回复 2
    • 6000
      6000
      2023-02-15
      刚才试一下更新内核,确实是可以了。但这个后续是用户端都会有自动更新内核吗?


      昨天晚上加班改了一版应急的,但不同端的audio标签适配有问题,如果确定内核能够很快自动更新,那我们就把先前的改动还原了。
      2023-02-15
      回复
    • 社区技术运营专员-Jahozheng
      社区技术运营专员-Jahozheng
      2023-02-15回复6000
      今天灰度修复完毕 紧急的用户打开这个链接还不能播放的重启微信即可
      2023-02-15
      回复
  • 刘大人
    刘大人
    2023-02-15

    同问 加了controls="controls"也没有好用

    2023-02-15
    有用
    回复
  • 糯米's Dad
    糯米's Dad
    2023-02-15

    同问

    2023-02-15
    有用
    回复
登录 后发表内容