来给点击展开配个 BGM 吧！
点击展开现在已经是一种非常受欢迎的SVG交互效果，第一次见到这个效果的小伙伴总会眼前一亮，但见多了的小伙伴需要点儿新鲜感。
那就给点击展开配个 BGM 吧！
就像腾势汽车这篇一样，点击展开的同时音乐响起，就像给展开的过程配了一首 BGM，很有感觉。点击试试：
组合：点击播放音频+展开
编号：11364（组合）
前几天给大家推荐了一种新型「音频」，就是为了防止音频在转载时失效，我们可以用隐藏视频的方式代替隐藏音频，也能达到同样的效果。
点击展开同时播放音频的效果，当然也少不了这种视频式音频的版本：
组合：点击播放音频+展开(以视频方式上传)
编号：11357（组合）
两者区别：
现在，以上两种效果用 iPaiban Pro 黑科技编辑器都能自己制作啦，以「点击播放音频+展开」为例，一起看下教程：
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com
组合：点击播放音频+展开
编号：11364（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「花样展开」-「播放音频+展开」分类中，找到「点击播放音频+展开」组合，或者直接搜索组合编号11364。第2步：进入组合编辑模式
如下所示，点击「点击此处配置」，进入组合编辑模式。
在组合编辑模式中，我们需要设置展开前和展开后的内容。
第3步：设置展开前的内容
点击一下「展开前」的编辑区域，在右侧点击「换图」按钮上传准备好的展开前图片。
接着在下方输入框中音频id和音频名称，音频id使用 iPaiban Pro 小助手插件可以一键提取，详情见：《iPaiban Pro小助手v2.0安装和使用教程》
拖动「展开前」区域的红色色块，确定点击触发的区域。
第4步：设置展开后的内容
展开后的内容可以嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：
第5步：设置展开时长
展开后的内容全部编辑好后，点击页面右侧的红色三角形按钮，就会看到展开时长的设置。如果发现展开后有多余的空白或者没有展现出全部内容，可通过加减展开高度调整。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。
先点击最右侧「预览草稿」扫码预览效果（音频效果在编辑器无法预览），效果满意后接着点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能可以不用频繁在编辑器和微信后台切换，同步成功后可以立即扫码预览二维码查看。
如需局部导入可参考：《iPaiban Pro小助手v2.0安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）