场景介绍
基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。
原文场景体验
在西部世界著名的Mariposa酒吧里,当带着乐谱气孔的纸卷转动经过自动钢琴时,通过气孔,触发相应的气阀,气阀再驱动安装在键盘底部的电磁线圈,电磁线圈作为动力部件,再推动钢琴榔头去敲击琴弦,标志性的自动钢琴的琴键自由舞动,弹奏着熟悉的音乐。基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。上线后有60多首歌,小星星、成都、千与千寻、告白气球、晴天等。可以自动弹奏,也可以使用键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。
创建“Vue JS自由钢琴”
环境需求:
可以上网的浏览器,登陆 https://workbench.aliyun.com/
操作步骤:
从账号的创建到一键部署,手把手教你零基础创建自动钢琴。
- 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
- 填写团队名称,使用规模选1-10即可
开发部署
点击应用卡片上的“开发部署”进入CloudIDE开发界面。按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
首先安装依赖
npm install
构建产物
npm run build
a. 点击左侧的tab,然后进行一键部署
预览自由钢琴
点击命令行中的二级域名就可以预览你的自由钢琴了,
通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。
https://help.aliyun.com/document_detail/176711.html
目前有60多首歌,小星星,成都,千与千寻,告白气球,晴天等。可以自动弹奏,也有键盘定制的曲谱自己弹奏。立即体验创造一台随身携带的自动钢琴吧。