微信图文消息添加音乐一招搞定 只需修改背景音乐地址

  最近经常听网友问微信图文消息加音乐怎么弄,其实微信公众号添加音乐很简单,复制几行代码到公众平台图文素材中就能实现,只需修改一下背景音乐地址就可以了。

  2015.6.6更新 微信公众号文章也可以添加音乐 不用因无法添加背景音乐代码而烦恼了

  【通知:本方法已失效,在研究怎么嵌入qq音乐,可以试试微场景制作zuiku.com】首先打开W3School在线测试工具www.w3school.com.cn/tiy/t.asp,在左侧框内添加代码,

  代码如下,修改“mp3地址”,两个地方都要改,在网上找你所喜欢的音乐地址

<p>--开始复制--</p>
<p>
    <audio src="mp3地址" autoplay="autoplay" controls="controls" data-ke-src="mp3地址" style="max-width: 100%; box-sizing: border-box !important;"></audio>
</p>
<p>--结束复制--</p>

  点击红色按钮“提交代码”,就会在右侧显示所得到的效果

  然后把右侧得到的显示效果复制,粘贴到公众平台图文素材中,当你打开微信图文消息时就可以听到背景音乐了

  感谢birdskyws反映说播放器显示不出来,改进后的代码

<p style="white-space: normal;">
<audio loop="true" autoplay="autoplay" controls="controls" data-ke-src="http://bbs.hzscvp.com/music/you.mp3" src="http://bbs.hzscvp.com/music/you.mp3"></audio>
</p>

  播放效果如下

  这次可以显示了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏微信小程序开发

微信小程序开发应该注意的问题

小程序是微信主推的产品,现在也有不少公司的产品已经开发了小程序版本。那么,开发小程序你需要了解哪些知识? 1、使用微信web开发者工具 此工具是微信官方提供的小...

2788
来自专栏无原型不设计

Mockplus教程:分分钟搞定APP首页原型设计

Mockplus是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计。除了快速,Mockplus广受欢迎更因为它极低的上手门槛。今天小编就为大...

2795
来自专栏张戈的专栏

Infinity New Tab:重新定义你的Chrome新标签页

Infinity new tab 是一款实用又清新的 Chrome(谷歌浏览器)新标签页功能扩展,可以完美替代默认的新标签页。受插件作者邀请,我特意安装体验了一...

32912
来自专栏针针小站

【Soft】Windows10 美化教程之Dock篇 – MyDock

5953
来自专栏腾讯NEXT学位

使用 CSS 追踪用户

3439
来自专栏技术博文

WIN10常用快捷键

WIN键+A:激活操作中心 WIN键+D:显示桌面 WIN键+E:打开计算机 Win键+I:打开系统设置 Win键+L:锁定计算机或切换用户 Win键+P:投影...

2536
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

TakePhoto-轻量级Android照片处理框架V2.0发布

TakePhoto 简介 TakePhoto是一款用于在Android设备上获取照片(拍照或从相册、文件中选择)、裁剪图片、压缩图片的开源工具库,目前最新版本2...

3419
来自专栏前端小叙

vue如何加入百度联盟广告

在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js ? 直接复制粘贴到自己网页中便可显示对应广告。 在vue中由于都是vue组件,不...

3748
来自专栏james大数据架构

jQuery打造智能提示插件二(可编辑下拉框)

在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 ? js封装,注意红色部分为BUG修复,然后传入boxwid...

1715
来自专栏ytkah

用dedecms自定义表单创建简易自助预约系统

  建站往往需要根据客户的需求来增加相应的功能,比如预约。平时用比较多的是织梦系统,那么如何用dedecms自定义表单创建简易自助预约系统呢? ?   进入de...

2945

扫码关注云+社区