公众号推文中如何实现音频的播放而不显示小窗口?

这段文字主要讲述了如何在微信公众号推文中实现音频播放效果,同时避免显示音频播放小窗口的方法。通过利用带封面图的视频来模拟音频播放效果,实现只播放声音而不显示小窗口的目的。具体步骤包括使用SVG编辑器、上传封面和含音频的视频链接,以及从微信公众号后台获取视频代码等。

朋友们大家好,我是三儿


之前有朋友问:公众号推文可以自动播放音乐吗?


这是不可以的哦,微信团队避免用户流量莫名其妙地流失,任何音频交互的触发,都需要有点击动作。


需要告知用户,你点击后会播放音频会消耗流量。


不过心细的朋友会发现,当我们在触发音频效果后,推文会显示一个小小的音频播放窗口,就像这样👇



会有一个小小的音频窗口一直浮在文中,对于有强迫症的朋友不是很友好,那有没有办法触发【音频】交互后只出现声音,不出现这个小窗口呢?





当然可以,不过我们需要转化思路既然音频交互无论如何都会有小窗口的出现,那么我们用一个带封面图的视频(视频播放的内容被封面图遮挡所以只会出现音频)这样就可以实现触发交互只出现声音,不显示小窗口了。





如何实现



01.在135编辑器左侧找到SVG编辑器



02.进入SVG编辑器选择【互动效果】在搜索框中搜索588




这就是我们本次要使用的素材了,我们上传封面,添加含有音频的视频链接让组件去获取相关代码。






如何获取含有音频的视频代码



进入微信公众号后台,在后台左侧找到【素材库】上传含有音频的视频内容。



上传成功后,等待后台审核。审核通过后新建一篇图文消息添加刚刚上传的视频内容。



回到草稿箱找到刚刚保存的文章,点击标题后进入预览网页,复制链接即可。


将复制好的链接粘贴到组件【快速获取代码】中,等待组件提取内容。



这样我们就完成了这个效果,最后我们可以选择【导出】将效果放进135编辑器或直接同步到微信公众号后台。



最后让我们浅浅看一下效果吧👇


·


这样我们就通过

视频完成了对音频播放的模仿

怎么样是不是有点意思

相信聪明的你已经学会了

眼睛看会了记得让脑子也学会哦

大家还有什么想学想看的

记得在评论区留言哦


END





·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到