操作简单还免费的SVG互动效果
点击图片播放音乐
具体是啥样的效果呢？
*点⬇播放音乐*
点击图片播放音乐的效果，首先，我们需要准备好图片和音乐。
然后，在秀米里制作的时候，如果你的音乐是公众号后台QQ音乐里的音乐，则需要用到「公众号组件」里面的「音乐卡片」组件：
如果是自己上传到公众号后台素材库里的音频文件播放照片，则要用「公众号组件」里面的「音频卡片」组件。
整个操作其实很简单，只不过在给音频/音乐卡片导入音乐的时候会有一点繁琐。
接下来，咱们就看看具体的操作步骤吧~
01
选择音乐/音频卡片添加到编辑区域
我们以音乐卡片组件为例，在编辑区域左侧「图文模板」→「组件」→「公众号组件」里面找到「音乐卡片」组件添加到编辑区域里：
02
在公众号后台
创建一个只含音乐/音频的图文
在公众号后台新建一个图文素材进入编辑区域，点顶部的“音频”选择一个“音乐”文件添加到正文编辑区域里，保存：
如果你的音乐是自己上传到公众号后台素材库的，就点顶部“音频”，选择素材库里对应的音频文件即可。
03
复制图文的临时链接
回到公众号后台首页刷新，在近期草稿里面找到该图文，点标题打开临时预览链接，复制顶部链接：
04
给音乐卡片导入音乐
回到秀米编辑区域，点击音乐卡片组件，再点工具条上的“导入音乐”，把刚刚复制的链接粘贴到输入框里：
05
给音乐/音频卡片设置封面图
音乐添加完成之后，再次点击音乐卡片组件，点工具条上的“设置封面”，可以把你提前准备好的图片作为封面：
封面可以设置单图（点一下就播放音乐），也可以设置双图（点一下出现第二张图，再点一下播放音乐），如果设置双图封面，建议两张图片尺寸一致。
06
同步到公众号后台
预览到手机查看效果
最后，咱们就可以同步到公众号后台播放照片，预览到手机看效果：
*点⬇播放音乐*
小结
在制作的时候，大家需要注意以下三点：
①点击图片播放音乐的效果，只能以同步的方式放到公众号后台！
②音乐卡片的音乐只能是公众号后台搜索出来的QQ音乐，不能是自己上传到素材库里的音频文件。
③自己上传到公众号后台素材库里的音乐，要用音频卡片！
另外：公众号后台只含音频/音乐文件的草稿图文，可以删除！不会影响发布后的效果！
娜娜项目网每日更新创业和副业教程
网址：nanaxm.cn 点击前往娜娜项目网
站 长 微 信： nanadh666