第一个微信小程序,音乐播放器

in cn •  3 months ago 

前段时间,开始学习微信小程序,9月21日,决定从一个简单的音乐播放器入手。主要原因是我用安卓手机自带的音乐播放器时,总是被烦人的广告打扰。更气人的是,这些广告会在手机震动时自动跳转,根本无法跳过。这让人实在是受不了了,于是我决定亲自动手,做个干净无广告的小程序播放器

我请ChatGPT和Claude 3.5同时帮忙生成小程序的代码,简单来说,小程序的文件结构并不复杂。我让它们分别生成样式文件、JS文件和WXML文件等。最初,ChatGPT生成的代码还能用,但偶尔会漏掉一两个文件。 遇到这种情况,我就去找Claude 3.5帮忙补上。由于我在这两个平台上都只用免费账户,提问的次数有限,过程稍微有点繁琐。不过,因为我的需求不多,来来回回折腾了三到五次,小程序终于跑了起来。

不过,第一个问题很快就出现了。在选择音乐文件时,我发现只能通过微信聊天记录中的音乐文件来播放,而系统文件夹中的音乐文件却无法读取。经过查询才知道,原来微信小程序有很多限制,无法直接读取本地文件。虽然可以从相册中读取文件,但相册里也不能放音乐文件。人工智能建议我用云服务器的方式来读取音乐文件,不过,我不想开发有后端的小程序,我只是想搞一个简单的前端小程序来自己用。还没有熟练前,不想使用每月19云的云开发。

显然,这次尝试不算成功。虽然小程序能跑起来,但它只能通过在聊天记录中发送音乐文件的方式找到并播放。播放时倒是挺顺利的,可是一旦切换屏幕,音乐就停止了,根本听不完一首完整的歌,不能后台播放。我又去问人工智能怎么解决这个问题,结果它告诉我,问题出在调用的API不对,建议我换另一个API来实现。我按照它的建议修改了代码,并且想着趁热打铁,再加上“循环播放”和“单曲循环”的功能。

这时候,问题又来了。可能是因为功能增加太多,代码有点乱,复制进去之后,播放功能也不正常了。更麻烦的是,小程序依旧无法读取系统文件夹中的音乐文件。对我来说,这简直是不可接受的。所以,我打算下一步直接编写安卓的APK文件,也许这是个更可行的方案。反正,问题总是有解决办法的,只要不断尝试,结果不会太差。

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!