通过微信公众号实现H5音频自动播放

最新推荐文章于 2024-07-11 23:29:46 发布

AI前端高级工程师

最新推荐文章于 2024-07-11 23:29:46 发布

阅读量7.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信文章标签：微信

本文链接：https://blog.youkuaiyun.com/weixin_43837268/article/details/99875535

微信专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用微信JS-SDK配置音频自动播放功能，通过设置appId、timestamp等参数实现音频文件的一键播放，适用于微信公众号环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
　　<audio src="../audio/one.mp3" id="audioPlay"></audio>
</template>
<script>
　　wx.config({
   　　debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
   　　appId: data.configMap.appId, // 必填，公众号的唯一标识
  　　 timestamp: data.configMap.timestamp, // 必填，生成签名的时间戳
   　　nonceStr: data.configMap.nonceStr, // 必填，生成签名的随机串
  　　 signature: data.configMap.signature,// 必填，签名，见附录1
     　jsApiList: [
         "onMenuShareTimeline",//分享朋友圈接口
         "onMenuShareAppMessage"//分享给朋友接口
     　] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
　　});
　　wx.ready(function(){
　　　　var audio = document.getElementById("audioPlay");
　　　　audio.play()
　　})
</script>