回忆杀!自制虚拟钢琴串烧童年经典动漫歌曲,你听过几首?

简介: 六一快乐 !大龄儿童如何正确过节?还只会卖萌 p 图抄文案?快来学会这个儿童节必杀技!!制作一个虚拟的网页版的钢琴,一边弹着琴一边和大家一起在耳熟能详的歌曲中回味童年的快乐,要做就做最酷最炫的才艺小天才~

截屏2020-06-01 上午11.57.53.png

开发工具介绍

image.png

云开发平台提供了一个云上的 IDE,也就是说你可以随时随地在任何的电脑上打开云开发平台来进行开发。在这个云开发平台上面进行的话的话大家和朋友协作起来也特别方便, 比如以往我们需要在本地进行的一些配置环境的工作现在统统都不需要了,直接在云端为团队里所有人配置环境即可。它还很好地整合了和 Serverless,也就是无服务器架构相关的解决方案,你不需要再去为你的应用创建 ECS 服务器,他的现有模板可以直接让你把写好的应用部署到函数计算中的函数里面去。

开发流程

image.png

这个钢琴的应用可以直接套用 Ali Midway FaaS 和 React 的一体化解决方案,这个 Midway FaaS 的方案可能大家听起来有些陌生,它其实是一个用于构建 Node.js 云函数的 Serverless 框架,非常易上手和部署。

这个 APP 前端采用 React 框架,钢琴的部分参考了屏幕上这位大神的一个项目,然后节奏的部分是把两个常用的节拍的音频文件摆在了对象存储的桶里面,然后后端就只需要一个 getAudio 的 API 来把相应的音频返回给前端就可以了。做好之后,我们直接在 IDE 里面点击部署它就会自动部署在阿里云上了,你甚至连 yaml 文件都不用写。

image.png

使用这个云开发平台另一个非常赞的点就是你在开发过中是不需要支付任何费用的,同时开发完成之后部署到函数计算服务当中,也只需要按量付费而不用去支付整个服务器的使用时间,所以说这个 Serverless 的架构对于个人或者是小型团队开发者来说特别实惠。

观看视频
https://www.bilibili.com/video/BV1P5411x77F?from=search&seid=3575955341459461352

相关实践学习
【玩转ComfyUI】基于函数计算一键部署AI生图平台ComfyUI
本次实验将带大家通过使用阿里云产品函数计算FC,快速使用ComfyUI实现更高质量的图像生成。
从 0 入门函数计算
在函数计算的架构中,开发者只需要编写业务代码,并监控业务运行情况就可以了。这将开发者从繁重的运维工作中解放出来,将精力投入到更有意义的开发任务上。
相关文章
|
Windows
Coze开源软件Windows客户端-coze_desk
Coze开源软件Windows客户端-coze_desk
2966 0
|
6月前
|
人工智能 Linux API
阿里云|本地全平台部署 OpenClaw × OpenSpace全攻略:自我进化+降本增效+Skill沉淀+常见问题
在AI智能体普及的今天,很多用户发现:即便部署了OpenClaw(Clawdbot),智能体依然存在三大痛点:任务无法沉淀复用、重复执行消耗大量Token、不会从成功/失败中自我成长。OpenSpace的出现,彻底改变这一现状——它不是新增一个AI助手,而是为OpenClaw装上**技能沉淀引擎、成本优化引擎、自我进化引擎**,让智能体从“一次性执行”升级为“可积累、可省钱、可成长”的数字员工。
1584 2
|
8月前
|
SQL 存储 数据库
Python实现员工管理系统:从基础功能到完整应用开发指南
本文介绍如何用Python从零开发员工管理系统:基于SQLite实现员工信息、薪资计算、考勤记录等核心功能,支持命令行与Flask Web双界面,兼顾易用性与可扩展性,适合中小团队快速落地。(239字)
655 1
|
机器学习/深度学习 算法 Python
机器学习特征筛选:向后淘汰法原理与Python实现
向后淘汰法(Backward Elimination)是机器学习中一种重要的特征选择技术,通过系统性地移除对模型贡献较小的特征,以提高模型性能和可解释性。该方法从完整特征集出发,逐步剔除不重要的特征,最终保留最具影响力的变量子集。其优势包括提升模型简洁性和性能,减少过拟合,降低计算复杂度。然而,该方法在高维特征空间中计算成本较高,且可能陷入局部最优解。适用于线性回归、逻辑回归等统计学习模型。
646 7
|
API
天气预报15日-墨迹天气-地址查询版免费API接口教程
该接口提供15日天气预报服务,通过指定地址获取墨迹天气预报。支持POST或GET请求,需提供用户ID、KEY、省份名称及地点等参数。返回数据包括15天内每天的天气详情,如最高最低温度、天气变化及图标等。示例中使用的ID和KEY为公共测试账号,建议使用个人账号以获得更高调用频率。
1567 0
|
前端开发 JavaScript Java
开发做前端好还是后端好?
开发做前端好还是后端好?
|
运维 负载均衡 关系型数据库
MySQL高可用解决方案演进:从主从复制到InnoDB Cluster架构
MySQL高可用解决方案演进:从主从复制到InnoDB Cluster架构
785 9
timedatectl 如何关闭
【5月更文挑战第24天】timedatectl 如何关闭
739 0
|
编解码 算法 计算机视觉
Adaboost 人脸检测原理剖析
【1月更文挑战第6天】
Adaboost 人脸检测原理剖析
|
网络协议 网络架构
ipv6地址概述——了解ipv6地址
IPv6的优势就在于它大大地扩展了地址的可用空间,IPv6地址有128位长。如果地球表面(含陆地和水面)都覆盖着计算机,那么IPv6允许每平方米拥有7*10^23个IP地址;如果地址分配的速率是每微秒100万个,那么需要10^19年才能将所有的地址分配完毕
2081 1
ipv6地址概述——了解ipv6地址

热门文章

最新文章