html52.com
我爱小程序-开发者交流社区

微信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>

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付