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