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

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

环境需求: 可以上网的浏览器,登陆https://workbench.aliyun.com/
操作步骤: 从账号的创建到一键部署,手把手教你零基础创建自动钢琴。

  1. 点击主页上的登陆按钮登陆阿里云账号,没有账号注册后登陆即可
  2. 填写团队名称,使用规模选1-10即可
    uvfIsHoMjihyp23.png
  3. 点击 创建应用,按图选择“Vue JS自由钢琴”的模版进行下一步操作
    截屏2020-10-15 上午10.18.48.png
  4. 输入自由钢琴应用的名称简介等信息确定以后成功创建应用。点击「环境管理」,在弹出的环境管理信息界面中关注「依赖的云服务」状态,如果有某个依赖的云服务没有开通,则会显示「立即开通」的入口,点击进去,完成开通。
    截屏2020-10-15 上午10.43.40.png
  5. 点击应用卡片上的“开发部署”进入CloudIDE开发界面。按照下图调出命令行,输下面的两行命令安装依赖和构建,详细使用文档可查看README.md
    B6B06D37-CEAC-4822-92F4-63AC8EE071F8.png
首先安装依赖:*npm install*
构建产物:*npm run build*
  1. 点击左侧的tab,然后进行一键部署
    95593035-95B5-4EA6-89B7-8C6151E17EE2.png
  2. 点击命令行中的二级域名就可以预览你的自由钢琴了,通过配置的域名进行访问了,赶紧让小伙伴们来关注吧。
    截屏2020-10-15 上午11.34.40.png
  1. 部署成功后,会给出一个免费的临时测试域名用于访问部署到线上的效果。如果你要用自己的域名长期访问,可以参见以下文档继续在线上环境进行部署和发布上线。https://help.aliyun.com/document_detail/176711.html

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

相关文章
|
18天前
|
安全 前端开发 API
反向海淘客户案例:hoobuy淘宝代购集运系统搭建攻略介绍
这份攻略详细介绍了如何搭建 Hoobuy 淘宝代购集运系统。首先,通过市场调研与定位,明确目标客户和竞争态势,确定市场定位。接着,选择合适的技术栈,包括后端、前端和数据库,构建稳定高效的系统架构。核心功能涵盖 API 集成、商品展示、购物车管理、物流追踪等,确保用户体验。此外,注重安全与合规,保障用户数据和支付安全,遵守相关法律法规。最后,通过 SEO 优化、社交媒体营销和建立合作伙伴关系,推动系统的推广与运营。
|
5月前
|
供应链 API UED
逆向海淘代购案例解读:类似Pandabuy淘宝代购集运系统搭建攻略
逆向海淘模式下,Pandabuy式代购集运系统搭建涉及市场定位、供应链管理、平台开发与优化、支付物流及用户体验。系统提供丰富商品选择,集成多平台API,确保数据同步。关键点包括确定目标用户,建立稳定供应链,优化网站与支付流程,合作可靠物流,并提供客服支持以提升用户满意度。通过这样的攻略,可构建一站式跨境购物解决方案。
|
数据挖掘 数据中心
开发杭州亚运会现场比赛直播收看平台成品源码解决方案
杭州亚运会是亚洲地区最重要的体育盛事之一,吸引着数亿观众的关注。如果您希望在3-7天内快速搭建一个全功能的亚运会直播赛事平台,那么"东莞梦幻网络科技"提供的现成源码解决方案可能正是您需要的。在本文中,我们将介绍如何这一解决方案,具备哪些功能以满足搭建完善的亚运会直播赛事平台。
|
vr&ar 开发者 iOS开发
开发者任务中心上线!千元豪礼送不停!
开发者任务中心上线啦!做任务,得积分及实物好礼,带你一站式玩转社区!
开发者任务中心上线!千元豪礼送不停!
|
监控 网络协议 前端开发
简单几步,上线西部世界里同款自动钢琴
基于云开发平台把自动钢琴搬到了线上,只需简单几步就实现同款自动钢琴。
简单几步,上线西部世界里同款自动钢琴
|
弹性计算 搜索推荐 安全
2020年阿里云年中大促【福利】【选品】全攻略
云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 2020年阿里云年中大促活动于6月1日正式上线啦! 活动时间为:2020年6月1日至2020年6月30日 主会场链接:https://www.aliyun.com/activity/618 这篇攻略旨在盘点本次大促的福利,并给大家整理了一份选品指南,方便大家快速、低成本上云。
3926 0
2020年阿里云年中大促【福利】【选品】全攻略
|
算法 机器学习/深度学习 vr&ar
首次揭秘 | 淘宝新发布的躺平如何做3D场景化导购?
赵斌强(乐田)——阿里巴巴资深算法专家,现任淘系技术部算法负责人,在内容推荐、商品导购、机器学习等方向有很多深入的工作。作为近一年来的新工作方向,「3D 场景化导购算法」是乐田在「中国计算机大会2019」的演讲,主要介绍 3D 和机器学习的结合,打造新的场景化导购的商业场景应用。
4915 0
首次揭秘 | 淘宝新发布的躺平如何做3D场景化导购?