給GIF配樂，這是什么騷操作？
音頻加畫面的組合一定是視頻嗎？
請點擊下方圖片中心????????
在公眾號中不一定是視頻，可以像這樣直接點擊播放音頻，同時播放GIF，就是這么神奇。
與視頻相比，這種形式具有新鮮有趣的視聽感受，因為它的輕便性，「播放率」肯定也會高于視頻。
以下在3個品牌的應用，戳圖片即可查看。
https://mp.weixin.qq.com/s?__biz=MzUzMTE4MDM2OQ==&mid=2247484974&idx=1&sn=73222c4f381e8b76c407fc91174a7b83&scene=21#wechat_redirect
https://mp.weixin.qq.com/s?__biz=MzA4NTM3OTQwNA==&mid=2649839632&idx=1&sn=d06d6fcf8906d4c1e98e0ed0ca9e3478&scene=21#wechat_redirect
這是怎么實現的？今天一步一步地教給大家。
工具：iPaiban Pro 黑科技編輯器，網址：x.iPaiban.com
組件：點擊播放音頻同時切換GIF（需上傳素材，防誤觸）
編號：10105
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「音頻」分類中點擊選擇「點擊播放音頻同時切換GIF（需上傳素材）」組件，或者直接在搜索框中搜索組件編號10105。
第2步：上傳GIF的第一幀圖片和整個GIF圖
我們再來溫習一下一個小知識點：點擊播放GIF的原理其實就是點擊切換圖片，切換前的圖片是GIF的第一幀，切換后的圖片則是整個GIF圖。
明白了這個原理，我們先提取出GIF的第一幀，然后按指定位置分別上傳素材即可。
第3步：獲取粘貼音頻代碼
這次你不用去扒代碼了。
使用 iPaiban Pro 小助手瀏覽器插件可一鍵音頻、視頻和小程序的代碼。
在電腦端復制下方下載鏈接，使用Chrome （谷歌）瀏覽器打開即可下載，下載后按照文章《iPaiban Pro 瀏覽器插件來了！》的安裝教程3分鐘就能安裝成功。
下載鏈接：
http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/iPaiban%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.zip
安裝后在自己公眾號后臺新建圖文，上傳要使用的音頻，然后打開小助手插件，點擊「提取音頻（用戶上傳）」，該音頻的代碼便提取出來了。
接著復制提取出來的代碼，粘貼在編輯器指定位置就可以了。
第4步：調整觸發區域
如下所示，紅色區域即為用戶可點擊觸發播放音頻和GIF的區域，該區域可任意拖動調整。
第5步：導入公眾號后臺
因為音頻類的組件不能在編輯器中預覽效果，所以我們可以跳過預覽步驟，直接導入到公眾號后臺，然后發送到手機上查看。沒問題后，便可以進行推送了。
這時導入公眾號后臺也不必打開瀏覽器檢查模式了，還記得前面安裝的小助手插件嗎？
復制編輯器生成的代碼后，來到公眾號后臺后，打開小助手，選擇「導入代碼」，粘貼復制的代碼，接著點擊「導入」就完成啦！
現在，新用戶注冊 iPaiban Pro 編輯器，可免費使用60多個初高級組件和1個圖文展開組合，個人用戶免費使用1天，企業用戶免費使用3天。
此外，個人還可領取包含了7個常用必備組件的大禮包（30天）和700元優惠券，企業還可領取包含了7個常用必備組件的大禮包（1年）和2400元優惠券，先到先得。
目前編輯器總模板數（組件和組合）已達110+個，認準編輯器網址：x.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）