给GIF配乐,这是什么骚操作?

原创 收藏 评论
举报 2022-02-21

音频加画面的组合一定是视频吗?

请点击下方图片中心????????

1.png

http://·https://mp.weixin.qq.com/mp/audio?_wxindex_=0&scene=104&__biz=MjM5Njc2NDE0NQ==&mid=2652515745&idx=1&voice_id=MjM5Njc2NDE0NV8yNjUyNTE1NzQ0&sn=5a64ff6c21d81f9aa6ba2edb032a28d3#wechat_redirect

在公众号中不一定是视频,可以像这样直接点击播放音频,同时播放GIF,就是这么神奇。

与视频相比,这种形式具有新鲜有趣的视听感受,因为它的轻便性,「播放率」肯定也会高于视频。

以下在3个品牌的应用,戳图片即可查看。

·https://mp.weixin.qq.com/s?__biz=MzU3NDQ5MTA3OQ==&mid=2247502008&idx=1&sn=f8a8130c8f9eb457ed8da81df7a4ae98&scene=21#wechat_redirect

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

2.png

第1步:选择组件

登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「音频」分类中点击选择「点击播放音频同时切换GIF(需上传素材)」组件,或者直接在搜索框中搜索组件编号10105。

第2步:上传GIF的第一帧图片和整个GIF图

我们再来温习一下一个小知识点:点击播放GIF的原理其实就是点击切换图片,切换前的图片是GIF的第一帧,切换后的图片则是整个GIF图。

明白了这个原理,我们先提取出GIF的第一帧,然后按指定位置分别上传素材即可。

3.png

第3步:获取粘贴音频代码

4.png

这次你不用去扒代码了。

使用 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

安装后在自己公众号后台新建图文,上传要使用的音频,然后打开小助手插件,点击「提取音频(用户上传)」,该音频的代码便提取出来了。

5.png

接着复制提取出来的代码,粘贴在编辑器指定位置就可以了。

6.png

第4步:调整触发区域

如下所示,红色区域即为用户可点击触发播放音频和GIF的区域,该区域可任意拖动调整。

7.png

第5步:导入公众号后台

8.png

因为音频类的组件不能在编辑器中预览效果,所以我们可以跳过预览步骤,直接导入到公众号后台,然后发送到手机上查看。没问题后,便可以进行推送了。

这时导入公众号后台也不必打开浏览器检查模式了,还记得前面安装的小助手插件吗?

复制编辑器生成的代码后,来到公众号后台后,打开小助手,选择「导入代码」,粘贴复制的代码,接着点击「导入」就完成啦!

9.png

现在,新用户注册 iPaiban Pro 编辑器,可免费使用60多个初高级组件和1个图文展开组合,个人用户免费使用1天,企业用户免费使用3天。

此外,个人还可领取包含了7个常用必备组件的大礼包(30天)和700元优惠券,企业还可领取包含了7个常用必备组件的大礼包(1年)和2400元优惠券,先到先得。

目前编辑器总模板数(组件和组合)已达110+个,认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)