點(diǎn)擊換圖QQ音樂音頻海報-防誤觸
本效果只支持微信后臺搜索出來的QQ音樂(帶有QQ音樂logo且有完整封面圖),不支持微信后臺素材庫自行上傳的音頻。
如果需要使用素材庫音頻,請搜索效果”點(diǎn)擊換圖式音頻海報-防誤觸“。
一、視頻教程:
二、操作步驟:
1、點(diǎn)擊【點(diǎn)擊換圖QQ音樂音頻海報-防誤觸】樣式,將樣式插入中間的編輯區(qū)
2、復(fù)制QQ音樂代碼
提取QQ音樂的方式有2種:
第二種:復(fù)制粘貼代碼的方式
打開微信公眾號平臺,新建一篇圖文,點(diǎn)擊【音頻】
在【音頻】-【音樂】選項(xiàng)中,輸入歌名/歌手搜索并勾選一首QQ音樂,點(diǎn)擊確定,完善標(biāo)題和封面圖后保存
從圖文素材中點(diǎn)擊這篇文章的標(biāo)題,進(jìn)入文章的臨時預(yù)覽頁面,按F12鍵,或者點(diǎn)擊鼠標(biāo)右鍵,選擇【檢查】,調(diào)出網(wǎng)頁代碼
點(diǎn)擊上方的選擇按鈕,在左側(cè)點(diǎn)擊選中音頻所在區(qū)域,該區(qū)域所對應(yīng)的代碼也會同時被選中
找到以qqmusic開頭的代碼,在代碼上單擊右鍵,選擇【Edit as HTML】,選中編輯框中的代碼并復(fù)制
3、將復(fù)制的QQ音樂代碼粘貼到輸入框
4、在右側(cè)找到【添加圖片】按鈕,點(diǎn)擊為樣式分別上傳封面圖和變化圖
點(diǎn)擊前后圖片的寬高尺寸要一致,圖片的寬度沒有限定,適應(yīng)屏幕全屏顯示
5、鼠標(biāo)移動紅色方框,調(diào)整觸發(fā)播放區(qū)域的位置和大小
觸發(fā)區(qū)域以外的位置點(diǎn)擊不響應(yīng)
6、制作好的SVG文章可以通過使用【同步】或【導(dǎo)出】功能,保存到微信公眾號平臺