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

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

朋友们大家好,我是三儿


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


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


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


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



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





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





如何实现



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



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




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






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



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



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



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


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



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



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


·


这样我们就通过

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

怎么样是不是有点意思

相信聪明的你已经学会了

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

大家还有什么想学想看的

记得在评论区留言哦


END





·



文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
笔格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
笔格PPT
输入主题,AI一键生成PPT;上传本地文件秒变PPT
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
用户运营平台产品设计指南
浅谈用户运营中的用户分层
内容运营:戴上写作的六顶思考帽
5000字方法论:4个细节,决定私域能不能赚钱
一个案例说明白用户分析怎么用
22条视频,涨粉12.6万,一个女孩子在抖音靠洗车也能月入过万!
高价值社群的5大核心关键
抖音账号内容自检清单!
决定离职后,3天拿到offer的总结与反思!
【135早资讯】:教育部将彻查教材插图问题;抖音6月1日起将对本地生活商家收取服务费
热门素材样式
运营导航
运营工具
分享到