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

场景介绍

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

创建“Vue JS自由钢琴”

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

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

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

开发部署

点击应用卡片上的“开发部署”进入CloudIDE开发界面。按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
简单几步,上线西部世界里同款自动钢琴_第1张图片
首先安装依赖

npm install

构建产物

npm run build

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

简单几步,上线西部世界里同款自动钢琴_第2张图片

预览自由钢琴

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

通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
简单几步,上线西部世界里同款自动钢琴_第3张图片

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

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

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

你可能感兴趣的