公眾號推文中如何實現音頻的播放而不顯示小窗口?
這段文字主要講述了如何在微信公眾號推文中實現音頻播放效果,同時避免顯示音頻播放小窗口的方法。通過利用帶封面圖的視頻來模擬音頻播放效果,實現只播放聲音而不顯示小窗口的目的。具體步驟包括使用SVG編輯器、上傳封面和含音頻的視頻鏈接,以及從微信公眾號后臺獲取視頻代碼等。
朋友們大家好,我是三兒
之前有朋友問:公眾號推文可以自動播放音樂嗎?
這是不可以的哦,微信團隊避免用戶流量莫名其妙地流失,任何音頻交互的觸發,都需要有點擊動作。
需要告知用戶,你點擊后會播放音頻會消耗流量。
不過心細的朋友會發現,當我們在觸發音頻效果后,推文會顯示一個小小的音頻播放窗口,就像這樣??
會有一個小小的音頻窗口一直浮在文中,對于有強迫癥的朋友不是很友好,那有沒有辦法觸發【音頻】交互后只出現聲音,不出現這個小窗口呢?
當然可以,不過我們需要轉化思路既然音頻交互無論如何都會有小窗口的出現,那么我們用一個帶封面圖的視頻(視頻播放的內容被封面圖遮擋所以只會出現音頻)這樣就可以實現觸發交互只出現聲音,不顯示小窗口了。
如何實現
01.在135編輯器左側找到SVG編輯器
02.進入SVG編輯器選擇【互動效果】在搜索框中搜索588
這就是我們本次要使用的素材了,我們上傳封面,添加含有音頻的視頻鏈接讓組件去獲取相關代碼。
如何獲取含有音頻的視頻代碼
進入微信公眾號后臺,在后臺左側找到【素材庫】上傳含有音頻的視頻內容。
上傳成功后,等待后臺審核。審核通過后新建一篇圖文消息添加剛剛上傳的視頻內容。
回到草稿箱找到剛剛保存的文章,點擊標題后進入預覽網頁,復制鏈接即可。
將復制好的鏈接粘貼到組件【快速獲取代碼】中,等待組件提取內容。
這樣我們就完成了這個效果,最后我們可以選擇【導出】將效果放進135編輯器或直接同步到微信公眾號后臺。
最后讓我們淺淺看一下效果吧??
這樣我們就通過
視頻完成了對音頻播放的模仿
怎么樣是不是有點意思
相信聰明的你已經學會了
眼睛看會了記得讓腦子也學會哦
大家還有什么想學想看的
記得在評論區留言哦

立即登錄



