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