หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

- สนามเด็กเล่นเว็บ APIS

Web APIs Playground เป็นโครงการที่จะแสดง JavaScript Web APIs พร้อมตัวอย่างและการสาธิต JavaScript APIs ฝั่งไคลเอ็นต์ให้ฟังก์ชั่น wrapper สำหรับงานระดับต่ำจำนวนมากเช่น

  • การโต้ตอบกับฮาร์ดแวร์ของอุปกรณ์
  • การโต้ตอบการจัดเก็บฝั่งไคลเอ็นต์
  • กราฟิก 3D, WebGL
  • การแจ้งเตือน
  • เสียงวิดีโอ
  • และอีกมากมายอีกมากมาย

โปรดติดตามลิงค์นี้เพื่อทราบเกี่ยวกับเว็บ API ที่แตกต่างกันและการใช้งานของพวกเขา

แอพ

https://webapis-playground.vercel.app

วิสัยทัศน์และภารกิจของสนามเด็กเล่นนี้

ภารกิจหลักคือการจัดทำตัวอย่างการทำงานของ JavaScript Web API ด้วยการสาธิตอย่างง่ายที่สามารถเข้าถึงได้โดยใช้เบราว์เซอร์บนอุปกรณ์ต่าง ๆ มันอาจช่วยให้ผู้เริ่มต้นหลายคนในหัวข้อนี้ในการทำความเข้าใจวิธีการเขียนโค้ดและใช้เว็บ API

จะเพิ่มตัวอย่างใหม่ได้อย่างไร?

นี่คือคำแนะนำทีละขั้นตอนเพื่อช่วยคุณเพิ่มตัวอย่างใหม่

⚒พัฒนาโดยใช้ next.js

โครงการนี้ได้รับการพัฒนาโดยใช้ Next.js หากคุณได้ใช้โครงการที่คล้ายกันโดยใช้ JavaScript หรือเฟรมเวิร์กอื่น ๆ เช่น React , Angular , Vue , โปรดสร้างปัญหาเพื่อรวมไว้ใน readMe

- ต้องการกระตุ้น?

ใครไม่ต้องการแรงจูงใจ? โปรดให้ Project เป็น Star () และ/หรือแบ่งปันในวงกลม dev ของคุณ

ขอบคุณมากสำหรับ Stargazers ทุกคนที่สนับสนุนโครงการนี้ด้วย Stars ()

? ‍♀ วิธีเรียกใช้โครงการในพื้นที่

เพื่อเรียกใช้โครงการในพื้นที่

  • กรุณาโคลนมัน
  • เรียกดูไดเรกทอรีโครงการ
  • ติดตั้งการพึ่งพา
  • ใช้โหนด 16.xx หรือตัวสลับเวอร์ชันโหนด 
npm install
# Or
yarn install
  • เรียกใช้แอปพลิเคชันในเครื่อง 
npm run dev
# Or
yarn dev
  • เปิดเบราว์เซอร์และนำทางไปที่ http://localhost:3000

รวมอะไร?

จนถึงตอนนี้มีตัวอย่างต่อไปนี้:

  1. API ระบบไฟล์
  2. API เต็มหน้าจอ
  3. - Clipboard API
  4. - ออกอากาศ
  5. - การจับภาพ
  6. - ข้อมูลเครือข่าย
  7. - ปรับขนาดผู้สังเกตการณ์
  8. - คำขอชำระเงิน
  9. - API การสั่นสะเทือน
  10. - แบตเตอรี่ API
  11. - ลากและวาง
  12. ⚓ GEOLOCATION API
  13. ? ️ภาพในภาพ
  14. การจับภาพหน้าจอ
  15. ✍การโหลดแบบอักษร CSS
  16. ? ape Web Speech API
  17. - Canvas API
  18. - ตัวชี้จับ API
  19. URL API
  20. ? ape Selection API
  21. - API การมองเห็นหน้าเว็บ
  22. webrtc

- โอเพ่นซอร์ส

โครงการนี้เป็นโอเพ่นซอร์สและเปิดสำหรับการมีส่วนร่วม หากคุณกำลังมองหาตัวอย่างและการสาธิตที่ขาดหายไปโปรดเปิดปัญหาจากที่นี่ นอกจากนี้คุณยังสามารถมีส่วนร่วมในซอร์สโค้ดโดยการเพิ่มตัวอย่างปรับปรุงรหัสและให้คำแนะนำ

- มีส่วนร่วมใน playground

ยินดีต้อนรับการมีส่วนร่วมในเชิงบวกทุกประเภท! โปรดช่วยให้เราเติบโตโดยมีส่วนร่วมในโครงการ

หากคุณต้องการมีส่วนร่วมคุณสามารถทำงานกับปัญหาใด ๆ ที่ระบุไว้ที่นี่หรือสร้างด้วยตัวเอง หลังจากเพิ่มรหัสของคุณโปรดส่งคำขอดึงมาให้เรา

โปรดอ่านราย CONTRIBUTING เกี่ยวกับ CODE OF CONDUCT ของเราและกระบวนการในการส่งคำขอดึงให้เรา

สนับสนุน

เราทุกคนต้องการการสนับสนุนและแรงจูงใจ WebAPIs Playground ไม่ใช่ข้อยกเว้น โปรดให้โครงการนี้️เพื่อสนับสนุนและแสดงให้เห็นว่าคุณชอบมัน

หากคุณพบว่าแอพมีประโยชน์ให้พิจารณาสนับสนุนเราด้วยกาแฟ

ผู้มีส่วนร่วม

ขอบคุณไปที่คนที่ยอดเยี่ยมเหล่านี้ (คีย์อีโมจิ):


การเขียนโปรแกรมสูงสุด

ทาปาส adhikary

Nitesh Seram
?
Sameer Waskar

Omri Attiya

Yash Raj

Rehan Sattar
-

Muhammad Ahsan Ayaz

Koustov
-
ผู้ให้บริการ

Abhishek Khatri

Avneesh Agarwal

Kunal Singh

Rosie Z

Matheus Verissimo

Abiola

ปล่อยออกมา

ไทเลอร์โมราเลส

chosunosu
-
Šime Vidas
-
Vaibhav Agrawal

Bharati Subramanian
-
Sukhseerat Kaur
-
Richard Nikolas

ความแตกต่าง

Supriya M

วิลเลียมส์ซามูเอล

Geovana S. Ribeiro

โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วม การมีส่วนร่วมทุกชนิดยินดีต้อนรับ!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด