点击播放音频(QQ音乐)

同时切换gif图-防误触

一、使用教程

1、添加点击播放音频(QQ音乐)同时切换gif图-防误触素材

点击素材-音频，选择【点击播放音频(QQ音乐)同时切换gif图-防误触】素材添加到编辑区域

2、复制QQ音乐代码

打开微信公众号平台，新建一篇图文，点击【音频】按钮

在【音频】-【音乐】选项中，输入所需的歌名/歌手搜索并勾选一首QQ音乐，点击确定，完善标题和封面图后保存

回到公众号主页面，从图文素材中点击这篇文章的标题，进入文章的临时预览页面，按F12键，或者点击鼠标右键，选择【检查】，调出网页代码

点击代码页面左上方的选择按钮，在左侧主页面点击选中音频所在区域，该区域所对应的代码也会同时被选中

找到以"<qqmusic"开头的代码，在代码上单击右键，选择【Edit as HTML】，选中编辑框中的代码并复制

3、将复制的QQ音乐代码粘贴到编辑栏里的输入框

4、在右侧找到【添加图片】按钮，点击为样式分别上传封面gif图和变化gif图

点击前后图片的宽高尺寸要一致，gif图片的宽度没有限定，适应屏幕全屏显示

5、鼠标移动红色方框，调整触发播放区域的位置和大小

触发区比例是固定的

触发区域以外的位置点击不响应

6、制作好SVG效果点击【保存】即可。可以通过右上方点击【同步】或【导出】功能，保存到微信公众号平台并预览发布