电话+V：159999-78052，欢迎咨询音乐小程序功能模块，[小程序设计与开发]，[小程序投流与推广]，[小程序后台搭建]，[小程序整套源码打包]，[为个体及小微企业助力]，[电商新零售模式]，[小程序运营推广及维护]
微信怎么添加小功能？微信有很多小程序可以使用。为了提升我们的体验，微信推出的小功能可以帮助我们在下拉菜单中添加常用的小程序，也就是小功能模块。下面小编就为大家带来了添加小功能的方法，一起来看看吧。
1、打开微信，打开最近的菜单，点击搜索小程序。
2、单击底部添加小功能。
3、选一个小程序，点击加入。现在只支持添加已经使用的小程序。
4、如果要移除小功能，点击右上角的减号图标。
HIFIVE音乐开放平台提供微信小程序接入K歌SDK服务，为开发者提供流行热歌资源与组件化K歌功能升级，优化在线K歌体验，助力快速构建线上KTV。
该SDK整合了多个关键K歌模块，包括歌词展示、演唱评分以及音频合成作品，实现功能组件化，降低开发复杂度与门槛。
SDK具体支持功能如下：
1.逐字、逐行与静态歌词展示，满足不同用户需求。
2.演唱评分系统，量化演唱表现，提高互动性。
3.支持导唱功能，需有对应导唱文件。
4.音频合成作品，用户可将演唱录音生成合成作品。
适用于开发环境为微信开发者工具，版本需在1.06.2303060或更高版本。
获取服务地址：HIFIVE音加加。
大家好，我是香江鱼，接着搞我的《音乐画板》。
提审结果这次提审非常顺利，两天后就直接审核通过并自动上线了。
查看数据，到目前2020年3月27号为止，共有34人玩过了，哈哈，非常开心！
头条小程序音乐画板开发手记，尝鲜版上线后三天的用户数据。当然，这只是尝鲜版，再接再厉，继续开发！
音乐库功能的初步开发初步想法是先把音乐库存放在数组里面，以后再考虑在线更新的问题。
这里用到了模块机制，先在pages下面建了一个common文件夹，再在里面建了一个songs.js作为音乐库的数据模块。
letsongs=[{id:"0"，name:"两只老虎"，notes:"1，2，3，1，1，2，3，1，3，4，5，3，4，5，5，6，5，4，3，1，5，6，5，4，3，1，2，5.，1，2，5.，1"，author:"作词、作曲：佚名"，lock:0，display:1，}，{id:"1"，name:"小星星"，notes:"1，1，5，5，6，6，5，4，4，3，3，2，2，1，5，5，4，4，3，3，2，5，5，4，4，3，3，2，1，1，5，5，6，6，5，4，4，3，3，2，2，1"，author:"填词：简.泰勒谱曲：莫扎特"，lock:0，display:1，}，{id:"2"，name:"我的祖国"，notes:""，author:""，lock:1，display:0，}，{id:"3"，name:"梁祝"，notes:""，author:""，lock:1，display:0，}，{id:"4"，name:"世上只有妈妈好"，notes:""，author:""，lock:1，display:0，}，{id:"5"，name:"沧海一声笑"，notes:""，author:""，lock:1，display:0，}，];module.exports.songs=songs;然后在index.js中导入：
constapp=getApp();varsongsModule=require("../common/songs.js");直接解析：
letmusic=this.decodeSong(songsModule.songs[1].notes);测试，OK！非常好！
好，下一步创建音乐库页面，还有就是设置tabBar。
在创建tabBar时还需要设计96x96的图标。每个图标需要有两个版本：一个是默认版，一个选中版。
头条小程序音乐画板开发手记之tabBar图标的制作与设置。好，图标弄好了，下一步制作音乐库的页面。
css已经好久没弄过了，这次又重新捡起来，并且需要补充学习css3。
终于整出来了！
<viewclass="songs"><viewtt:for="{{songs}}"tt:if="{{item.display}}"class="{{index==selectIndex?'song_box_hover':'song_box'}}"bindtap="selectSong"data-index="{{index}}"hover-class="song_box_hover"><textclass="song_name">{{item.name}}</text><textclass="song_author">{{item.author}}</text><imagesrc="../../images/icon_play.png"/></view></view>selectSong:function(e){console.log(e);tt.setStorage({key:'selectIndex'，//缓存数据的keydata:e.currentTarget.dataset.index，//要缓存的数据success:(res)=>{tt.switchTab({url:'../index/index'//指定页面的url});}});可是，本地测试没有问题，线上测试又不行了！首先是画板画布只有上半部分可以画出来，下半部分好象被什么给挡住了，还有就是音乐库页面根本显示不出来，并且线上的本地存储文件的文件名跟之前也不同了，难道是平台官方也在调整中吗？
后来发现音乐库的问题是自己的程序Bug，但画布问题很奇怪，预览时有问题，真机测试时问题又消失了。然后又出现了……真机测试也出现了些问题！这怎么搞的？后来去掉tabBar，问题消失，加上tabBar，问题出现！
只好继续折腾，后来终于发现，在有tabBar时，ttss中画布的高度百分比不能被正确解析成实际高度。呃，这可怎么办？！
后来，不得不先采取一个笨方法，就是把高度写实！虽然不能自动生成高度，但毕竟问题算是基本解决了，以后再根据情况做调整吧。
.mycanvas{width:630rpx;height:1050rpx;background-color:#ffffff;margin-top:16rpx;margin-left:110rpx;}中间又学到了小程序中的一些特性：clearRect、fillRect、strokeRect后必须调用draw；fillStyle必须使用setFillStyle来设置，其它属性值也是如此。这可能为了平台组件有更好的适配上的灵活性。接着在音乐库中添加了6首歌：两只老虎、小星星、我的祖国、梁祝、世上只有妈妈好和沧海一声笑。
香江鱼的头条小程序《音乐画板》开发手记：添加了音乐库机制以后会陆续添加更多的歌曲，可能还会有进行分类。
下一步嘛，嘿嘿，在音乐库中试着植入一个广告条吧！
好的，这一期就到这里，我是香江鱼，如果你喜欢我的文章和《音乐画板》这个小程序，请大力支持！咱们下期见！
电话+V： 159999-78052
专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案，解决小微企业和个体拓展客户的问题
