webapis playground

？网络API游乐场

Web APIs Playground是一个展示示例和演示的JavaScript Web API的项目。客户端JavaScript API为许多低级任务提供包装功能，例如

• 设备硬件交互
• 客户端存储交互
• 3D图形，WebGL
• 通知
• 音频，视频
• 还有很多。

请关注此链接以了解不同的Web API及其用法。

该应用

https://webapis-playground.vercel.app

这个操场的愿景和使命

主要任务是提供JavaScript Web API的工作示例，其中简单的演示可以使用不同设备上的浏览器访问。它可能会帮助许多初学者了解如何理解如何编码和使用Web API。

如何添加新的演示？

这是一份逐步指南，可帮助您添加新的演示。

⚒️它是使用next.js开发的

该项目是使用Next.js开发的。如果您使用JavaScript或任何其他框架（例如React ， Angular ， Vue ）实施了一个类似的项目，请创建一个问题，将它们包括在读数中。

？想激励吗？

谁不需要动力？请给项目一个星（）和/或在您的开发圈中共享。

非常感谢所有与Stars（）一起支持该项目的Stargazers

？‍♀️如何在本地运行该项目

要在本地运行该项目，

• 请克隆。
• 浏览项目目录。
• 安装依赖项
• 使用节点16.xx或节点版本切换器

npm install
# Or
yarn install

• 本地运行应用程序

npm run dev
# Or
yarn dev

• 打开浏览器并导航到http://localhost:3000

包括什么？

到目前为止，它包括以下示例：

1. 文件系统API
2. 全屏API
3. ？剪贴板API
4. ？播送
5. ？图像捕获
6. ？网络信息
7. ？调整观察者大小
8. ？付款请求
9. ？振动API
10. ？电池API
11. ？拖放
12. ⚓地理位置API
13. 图片中的图片
14. 屏幕捕获
15. ✍️CSS字体加载
16. ？️网络演讲API
17. ？帆布API
18. ？指针捕获API
19. URL API
20. 选择API
21. ？页面可见性API
22. webrtc

？开源

该项目是开源的，开放供捐款。如果您正在寻找任何缺少的示例和示范，请从此处打开一个问题。您还可以通过添加示例，改进代码并提供建议来为源代码做出贡献。

？为playground做出贡献

欢迎任何积极的贡献！请通过为该项目做出贡献来帮助我们成长。

如果您想做出贡献，则可以处理此处列出的任何问题，也可以自己创建一个问题。添加代码后，请向我们发送拉动请求。

请阅读有关我们的CODE OF CONDUCT CONTRIBUTING信息以及向我们提交拉的请求的过程的详细信息。

支持

我们都需要支持和动力。 WebAPIs Playground不是例外。请给这个项目一个目标，以鼓励并表明您喜欢它。

如果您发现该应用程序有帮助，请考虑为我们提供咖啡。

贡献者

谢谢这些好人（表情符号钥匙）：

最大编程	小吃adhikary	Nitesh Seram 门ch情该q情️？	Sameer Waskar	Omri Attiya	Yash Raj	Rehan Sattar ？
穆罕默德·阿桑·阿亚兹（Muhammad Ahsan Ayaz）	库斯托夫 ？	Aanchal	Abhishek Khatri	Avneesh Agarwal	库纳尔·辛格	罗西Z
Matheus Verissimo	阿比奥拉	发射	泰勒·莫拉莱斯	Chosunosu ？	šimevidas ？	Vaibhav Agrawal
Bharati Subramanian ？	Sukhseerat Kaur ？	理查德·尼古拉斯（Richard Nikolas）	Varun	Supriya m	威廉姆斯·塞缪尔（Williams Samuel）	Geovana S. Ribeiro

该项目遵循全企业规范。欢迎任何形式的贡献！