新的功能上线了!

“点图播放音频”顾名思义,在公众号文章插入图片点击就能播放音乐,听起来是不是很炫酷

其实很简单,需要用到微信公众号平台和速排小蚂蚁编辑器

首先先登录微信公众号,在后台找到“素材库”“音频”,点击右侧的“上传音频”

在弹出的窗口根据提示选择内容并上传文件,记得在最下方的我已阅读并同意处打对勾,点击保存即可上传到素材库里

新建一个图文,插入音频,选择刚刚上传的音乐,这时候在文章里就成功插入音频了,然后点击发布,注意标题和封面不能为空

通过发布的方式发表内容。 发布不占用群发次数,一天可多次发布。已发布内容不会推送给用户,也不会展示在公众号主页中。 发布后,你可以前往发表记录获取链接,也可以将发布内容添加到自定义菜单、自动回复、合集和页面模板中。

重要的步骤来了,发布成功后,点击后面的三个点,然后点击复制链接

回到速排小蚂蚁编辑器,点击工具宝箱中的点图播放音频

在弹出的窗口里,粘贴复制含有音频的文章链接,点击“提取”,写入编辑区即可,注意这里可以替换背景图片

写入编辑区之后有两种方法插入微信文章中,第一种很简单就是复制到粘贴,第二种同步到微信公众号里,编辑区右侧有一个同步功能,点击即可同步,注意需要先进行公众号授权才能同步

公众号排版|点击图片播放音乐你不会还不会吧相关推荐

  1. 点击图片播放音乐实现

    点击图片播放音乐实现 在做网页设计期末作业时,为了给作业添加一些色彩,就在网上学习了一下,实现点击图片播放音乐或背景音乐的效果.在这里分享一下,一来可以给需要的同学们学习,二来记录一下自己的学习. 思 ...

  2. HTML点击图片播放音乐

    参考这篇,可以有图单曲循环: HTML点击图片播放音乐 若是不要图片也就是把文章中的img去掉就行(注:图片和音乐都可以是自己的) pause:播放暂停 play:播放开始 source:html做判 ...

  3. 公众号点击图片变成另一张_【第五篇】微信公众号排版之内容图片

    嗨,大家好,我是骆晴.很高兴我们又见面了,感谢大家的关注与支持! 今天的文章转自一个励志又有趣的公众号「小贱时光」请大家关注哦. 有朋友之前问我,为什么很清晰的图片上传到公众号,推动到手机端看的时候就 ...

  4. 微信公众号H5点击图片预览(可放大缩小),用微信内置jssdk实现

    在微信公众号H5里面可能会遇到点击图片预览,还可以放大缩小,微信内置有这个功能可以实现 用vue写项目的话,先 cnpm install weixin-js-sdk --save 接着给图片一个点击事 ...

  5. 135编辑器html点击图片播放音乐,怎么用135编辑器排版 公众号怎么做点击切换图片...

    最佳答案 135是一款方便实用的排版编辑器,可以进行图文等很多功能的编辑,也是很受欢迎的.下面就给大家介绍一下用135编辑器怎么排版. 操作方法 [01]首先我们在浏览器中搜索"135&qu ...

  6. 135编辑器html点击图片播放音乐,135微信编辑器怎样添加音乐 135编辑器添加音乐图文教程...

    软件安装:装机软件必备包 关于电脑装机必须的软件,比如windows office系列办公软件.网页浏览器.杀毒软件.安全防护软件.刻录软件.压缩软件.下载工具.多媒体播放软件.多媒体编辑软件.输入法 ...

  7. kindeditor编辑器图片上传session丢失_微信公众号排版编辑器全指南!

    好的文章除了内容好之外,排版也是非常重要的,好的排版能够提高读者的阅读体验,让读者在阅读你的文章的时候能将注意力放在内容上,享受阅读. 所以,优秀的公众号运营者即要懂得做内容,也要懂得编辑,以下三个排 ...

  8. 秀米svg点击显示另一张图_公众号排版怎么做?点击图片出现另一张图片是怎么弄的?...

    怎么在公众号后台排版 过去小编使用第三方编辑器,同步或复制排版好的文章到公众号后台时,总能遇到格式错乱,或者样式复制不过来的问题,不仅操作流程繁琐,还需要花时间去调整文章排版,令人头疼. 后来,小编在 ...

  9. 【SVG案例库】SVG公众号排版交互图文案例汇总

    随着交付项目数量逐渐增多,于是懂点君在交付的项目案例中挑选一些案例,按照SVG排版交互方式进行归类汇总,整理形成SVG案例库,方便大家定制开发和学习SVG交互排版. 单次展开 描述:点击下拉展开无缝长 ...

最新文章

  1. C++负数、小数如何保存
  2. linux监测cpu 内存,Linux中CPU与内存性能监测.docx
  3. [转载]安装openssl,windows版
  4. xpdf将pdf转换为html,(WordExcelPDF文件转换成HTML整理.docx
  5. kaldi语音识别实战pdf_语音识别相关工具和资料分享
  6. 【AIX 命令学习】lsattr 显示一个给定设备或一种设备的属性
  7. Fiori Launchpad etag retrieve logic - UI5 Repository
  8. 双基因突变患者_双任务干预对携带LRRK2基因突变的帕金森病患者手灵活性的影响...
  9. 【操作系统】系统调用
  10. java 杭电1237简单计算器
  11. 用Scratch制作血量条的方法+源码
  12. 小白调用soso街景API
  13. 咱用AppDesigner开发复现了一款我国古老的桌游 —【升官图】
  14. 五十三、微信小程序云开发豆瓣电影小项目
  15. 自学Vue之路——Vue介绍及基本语法
  16. PTA 7-10 计算工资
  17. STM32单片机-低功耗设置
  18. mysql locate不走索引_MySQL 索引——定位并优化慢 SQL
  19. Python相关软件下载教程
  20. 零基础学习python(鱼C论坛)

热门文章

  1. HTML中如何给代码添加注释
  2. 数据扩充与数据预处理
  3. unity讲解(入门)
  4. Java IO流学习总结(一)—— IO流分类和常用IO流汇总
  5. JAVA编写单例(Singleton)模式
  6. 智能创新引导工具----项目分析与设计
  7. nginx正向代理解决跨域问题
  8. PS2017使用快速选择工具的时候因内存不足提示“要求96和8之间的整数,已插入最接近的数值”问题解决方案
  9. 上传GPS数据到ONENET云平台
  10. UED上半年工作总结