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

本文涉及的产品
函数计算FC,每月15万CU 3个月
简介: 六一快乐 !大龄儿童如何正确过节?还只会卖萌 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

相关实践学习
【文生图】一键部署Stable Diffusion基于函数计算
本实验教你如何在函数计算FC上从零开始部署Stable Diffusion来进行AI绘画创作,开启AIGC盲盒。函数计算提供一定的免费额度供用户使用。本实验答疑钉钉群:29290019867
建立 Serverless 思维
本课程包括: Serverless 应用引擎的概念, 为开发者带来的实际价值, 以及让您了解常见的 Serverless 架构模式
相关文章
|
6月前
|
移动开发 前端开发 JavaScript
童年回忆——开心消消乐(内含源码inscode一键运行)
童年回忆——开心消消乐(内含源码inscode一键运行)
|
3月前
黑神话:悟空中的音效设计与音乐制作
【8月更文第26天】在《黑神话:悟空》这款游戏中,音效和背景音乐是构建沉浸式游戏体验的重要组成部分。本文将探讨游戏音效和背景音乐的创作过程,以及它们如何增强游戏氛围。
379 0
星际争霸之小霸王之小蜜蜂(十二)--猫有九条命
星际争霸之小霸王之小蜜蜂(十二)--猫有九条命
|
算法 C语言 C++
c++游戏制作指南(三):c++剧情类文字游戏的制作
c++游戏制作指南(三):c++剧情类文字游戏的制作
1063 0
想过七夕?->女朋友陪你玩游戏(C)(上)
三子棋 七夕到了,没有女朋友怎么办?没事~ 写一个小游戏,让女朋友陪你玩三子棋~
想过七夕?->女朋友陪你玩游戏(C)(上)
想过七夕?->女朋友陪你玩游戏(C)(下)
七夕到了,没有女朋友怎么办?没事~ 写一个小游戏,让女朋友陪你玩扫雷~
想过七夕?->女朋友陪你玩游戏(C)(下)
想过七夕?->女朋友陪你玩游戏(C)(中)
在一定数值范围内,游戏随机生成一个数字,玩家输入比随机数大的数字时,程序会提醒,数值大于目标数,反之亦然。通过不断试错,最终找出目标数字。此游戏可以重复玩。
想过七夕?->女朋友陪你玩游戏(C)(中)
|
机器学习/深度学习 人工智能 算法
不满《曼达洛人》用特效给69岁天行者“减龄”,网友用DeepFake重制结局:强过官方
不满《曼达洛人》用特效给69岁天行者“减龄”,网友用DeepFake重制结局:强过官方
811 0
|
机器学习/深度学习 大数据 计算机视觉
雨天美图大法:单图去雨的RESCAN新方式
其实在过去十年中,图像去除已经有了不少有趣的研究。现有方法可以分为两类,包括基于视频的方法和单图去除方法。基于视频的方法可以利用视频中图片的关系框架,因此相对容易;相对而言,单图像去除更具挑战性。
2425 0