简单几步,上线西部世界里同款自动钢琴

场景介绍

基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。
原文场景体验
在西部世界著名的Mariposa酒吧里,当带着乐谱气孔的纸卷转动经过自动钢琴时,通过气孔,触发相应的气阀,气阀再驱动安装在键盘底部的电磁线圈,电磁线圈作为动力部件,再推动钢琴榔头去敲击琴弦,标志性的自动钢琴的琴键自由舞动,弹奏着熟悉的音乐。基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。上线后有60多首歌,小星星、成都、千与千寻、告白气球、晴天等。可以自动弹奏,也可以使用键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。

创建“Vue JS自由钢琴”

环境需求:
可以上网的浏览器,登陆 https://workbench.aliyun.com/

操作步骤:
从账号的创建到一键部署,手把手教你零基础创建自动钢琴。

  1. 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
  2. 填写团队名称,使用规模选1-10即可

开发部署

点击应用卡片上的“开发部署”进入CloudIDE开发界面。按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
在这里插入图片描述
首先安装依赖

npm install

构建产物

npm run build

a. 点击左侧的tab,然后进行一键部署

在这里插入图片描述

预览自由钢琴

点击命令行中的二级域名就可以预览你的自由钢琴了,

通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
在这里插入图片描述

部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。

https://help.aliyun.com/document_detail/176711.html

目前有60多首歌,小星星,成都,千与千寻,告白气球,晴天等。可以自动弹奏,也有键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。

posted @   阿里云天池  阅读(244)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
点击右上角即可分享
微信分享提示