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

該項目遵循全企業規範。歡迎任何形式的貢獻！