公众号管理操作流程

在线svg编辑器

帮助中心>点击播放音频(QQ音乐)同时切换图片-防误触

点击播放音频(QQ音乐)同时切换图片-防误触
2024-04-19 17:59:53

点击播放音频(QQ音乐)

同时切换图片-防误触



1、添加素材


点击素材-音频,选择【点击播放音频(QQ音乐)同时切换图片-防误触】素材添加到编辑区域,或直接搜索添加


QQ截图20210426102857.png


2、复制QQ音乐代码


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

QQ截图20210426101628.png



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

QQ截图20210426101842.png



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

QQ截图20210426101950.png



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

QQ截图20210426102051.png



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


QQ截图20210426102133.png


3、将复制的QQ音乐代码粘贴到编辑栏【qq音乐代码】下面的输入框

QQ截图20210426102301.png



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


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


QQ截图20210426102935.png


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


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

触发区的大小比例是固定的

QQ截图20210426102501.png



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

QQ截图20210426102518.png