公眾號推文中如何實現音頻的播放而不顯示小窗口?

這段文字主要講述了如何在微信公眾號推文中實現音頻播放效果,同時避免顯示音頻播放小窗口的方法。通過利用帶封面圖的視頻來模擬音頻播放效果,實現只播放聲音而不顯示小窗口的目的。具體步驟包括使用SVG編輯器、上傳封面和含音頻的視頻鏈接,以及從微信公眾號后臺獲取視頻代碼等。

朋友們大家好,我是三兒


之前有朋友問:公眾號推文可以自動播放音樂嗎?


這是不可以的哦,微信團隊避免用戶流量莫名其妙地流失,任何音頻交互的觸發,都需要有點擊動作。


需要告知用戶,你點擊后會播放音頻會消耗流量。


不過心細的朋友會發現,當我們在觸發音頻效果后,推文會顯示一個小小的音頻播放窗口,就像這樣??



會有一個小小的音頻窗口一直浮在文中,對于有強迫癥的朋友不是很友好,那有沒有辦法觸發【音頻】交互后只出現聲音,不出現這個小窗口呢?





當然可以,不過我們需要轉化思路既然音頻交互無論如何都會有小窗口的出現,那么我們用一個帶封面圖的視頻(視頻播放的內容被封面圖遮擋所以只會出現音頻)這樣就可以實現觸發交互只出現聲音,不顯示小窗口了。





如何實現



01.在135編輯器左側找到SVG編輯器



02.進入SVG編輯器選擇【互動效果】在搜索框中搜索588




這就是我們本次要使用的素材了,我們上傳封面,添加含有音頻的視頻鏈接讓組件去獲取相關代碼。






如何獲取含有音頻的視頻代碼



進入微信公眾號后臺,在后臺左側找到【素材庫】上傳含有音頻的視頻內容。



上傳成功后,等待后臺審核。審核通過后新建一篇圖文消息添加剛剛上傳的視頻內容。



回到草稿箱找到剛剛保存的文章,點擊標題后進入預覽網頁,復制鏈接即可。


將復制好的鏈接粘貼到組件【快速獲取代碼】中,等待組件提取內容。



這樣我們就完成了這個效果,最后我們可以選擇【導出】將效果放進135編輯器或直接同步到微信公眾號后臺。



最后讓我們淺淺看一下效果吧??


·


這樣我們就通過

視頻完成了對音頻播放的模仿

怎么樣是不是有點意思

相信聰明的你已經學會了

眼睛看會了記得讓腦子也學會哦

大家還有什么想學想看的

記得在評論區留言哦


END





·



文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
文章評價
登錄后可以評論
立即登錄
分享到
2020精品自拍视频曝光_久久最新地址免费_紧身裙教师中文字幕在线一区_免费国产一级特黄aa大