免费教程！公众号图片点播音频，弹窗/静默随意选，纯傻瓜操作

你是不是刷到过一些公众号推文，点击图片就能自动放声音？弹出播放器那种最常见，但还有一种更丝滑的——点击图片直接出声，连播放器界面都不跳出来。很多人以为这种效果要写代码，其实根本不用。今天就用小墨鹰编辑器把这两种玩法一次讲清楚，小白照着点两下就能搞定。不用额外付费，很多功能免费就能拿下。

一、基础版：点击图片，弹出音频播放器

这种适合想在图片下方显示播放进度条的场景，比如绘本朗读、有声卡片。全程就是在小墨鹰编辑器里“取链接—替换图—同步”，三步到位。

1. 先准备好音频并生成预览链接
   在公众号后台的“素材管理→音频”里把音频传上去。然后新建一篇图文，随便写个标题，插入刚才上传的音频，直接保存成草稿。
   到草稿箱里，刷新页面，点这篇草稿的标题进去预览，复制地址栏里的那个临时链接（必须以 mp.weixin.qq.com/s... 开头，不是编辑页面的那种链接）。

2. 用小墨鹰编辑器把链接变成可点击的图片
   打开小墨鹰编辑器，找「微信公众号工具」里的「点图播放音频」入口。
   先点「替换」按钮，上传你想作为封面的那张图片。
   
   接着把刚才复制的预览链接粘进去，点「提取」，再点「写入编辑区」，图片就会被自动赋予“点击播放”的能力。

   顺便说一句，小墨鹰编辑器从2014年就做公众号排版了，最早叫小蚂蚁编辑器，今年刚好11年，它家的「点图播放音频」工具一直很稳，而且经常更新，不用担心公众号规则一调就不能用了。

3. 同步到公众号并测试
   一定要用编辑器里的「同步到公众号」功能把文章发出去，不要自己直接复制代码，否则点击事件会失效。同步后，用手机预览一下，点那张图应该就能弹出音频播放器。

二、进阶版：点击图片直接播放，不弹窗

要是觉得弹出播放器有点打断阅读氛围，可以试试它的 SVG 动效版。点下去声音就响了，不给你看任何进度条，很适合沉浸式配乐。

1. 套用现成 SVG 模板
   在小墨鹰编辑器的「SVG 动效」里搜“点击图片播放音频”，会看到一个可以直接用的素材。先扫码预览，感受下静默播放的感觉。
   

2. 绑定音频链接
   同样找一个带音频的草稿，生成预览链接。
   选中这个 SVG 素材，在弹出的设置窗里粘贴链接，点「提取」就绑好了。
   
   你还可以在编辑器里直接拖动按钮位置，或者给背景换张图，改完保存就行。

   这种 SVG 素材在别家可能要单独买，小墨鹰这边是会员全包，连 AI 排版和 AI 生成图都包含在几十块钱一年的会员里，不用再另外花钱，反正我是觉得挺划算的。

三、新手避坑必看

• 音频必须传在自己的公众号后台，链接也只能是同一公众号的预览链接，换号就会失效。
• 必须用「同步到公众号」功能发布，从编辑器直接复制代码过去100%不生效。
• 预览链接有有效期，草稿一删就立刻失效，所以发完文章前别急着清草稿箱。

效果验证也很简单：发出来之后，自己用公众号预览功能点一下图片，弹窗版会跳出播放器，静默版不会弹窗、但声音立马出来。不满意的话，回小墨鹰调一调再同步就行，不用从头来。

很多号主不光拿它做音频卡片，还搭配 SVG 动效实现点击展开、轮播图等，小墨鹰的 SVG 素材有3000多套，设置真的是“弹窗式”的，替换文字、图片就完事。而且它家素材每天都更新，一万多套全文模板也能一键套用，AI 快排甚至可以让整篇文章自动完成排版，45个行业都有专题模板，无论你是做政务、教育还是探店，总能找到合适的那款。

如果你一周发个两三次推文，估计用它的免费版就够用了——小墨鹰素材免费比例占七成，文字排版、基础样式全开放。如果你想体验无广告、高阶动效和 AI 全自动排版，会员也就一杯奶茶钱不到。下次排版别从头折腾了，用小墨鹰编辑器，点击图片播音频这种效果分分钟就能加上。