COOL IT IDEAS AND STUFF
7 JavaScript Web APIs to build Futuristic Websites you didn’t know
07-Jun-23
คัมภีร์เทพ IT
See the original english version Click here!
ด้วยเทคโนโลยีที่เปลี่ยนแปลงอย่างรวดเร็ว ทำให้ Developers มีโอกาสได้ใช้ Tools และ APIs ใหม่ ๆ ที่น่าทึ่งมากมาย แต่จากการที่มี APIs อยู่มากมาย มี APIs ไม่มากนักที่ถูก Developers ใช้งาน วันนี้เรามาดู 7 JavaScript Web APIs ที่ช่วยให้คุณสร้าง Websites ที่ยอดเยี่ยมได้
1. Screen Capture API
Screen Capture API จะช่วยให้คุณสามารถ Capture เนื้อหาของหน้าจอได้ ทำให้กระบวนการสร้าง Screen Recorder เป็นเรื่องที่ทำได้ง่ายขึ้น
คุณต้องมี Video Element เพื่อแสดงหน้าจอที่ถูกจับภาพก่อน แล้วปุ่ม Start ก็จะเริ่มเตรียมพร้อมสำหรับ Screen Capture
2. Web Share API
Web Share API จะช่วยให้คุณสามารถแชร์ Text, Links และแม้แต่ Files จาก Web Page ไปยัง Apps อื่น ๆ ที่ถูกติดตั้งบน Device
หมายเหตุ: หากต้องการใช้ Web Share API คุณจำเป็นต้องมีการ Interact กับ User ตัวอย่างเช่น การคลิกปุ่ม เป็นต้น
3. Intersection Observer API
Intersection Observer API จะช่วยให้คุณตรวจจับได้เมื่อมี Elements เข้าหรือออกจาก Viewport สิ่งนี้มีประโยชน์อย่างยิ่งในกรณีที่มีการ Scroll แบบไม่มีที่สิ้นสุด
หมายเหตุ: จาก Demo ด้านบนนี้ ใช้ React แต่คุณสามารถใช้ Vanilla JavaScript หรือ Frameworks อื่นก็ได้
4. Clipboard API
Clipboard API จะช่วยให้คุณสามารถ Read และ Write Data ไปยัง Clipboard ได้ สิ่งนี้มีประโยชน์อย่างยิ่ง หากมีการใช้งานฟังก์ชัน Copy to Clipboard
5. Screen Wake Lock API
คุณเคยสงสัยหรือไม่ว่า YouTube ป้องกันไม่ให้ปิดหน้าจอขณะเล่น Video ได้อย่างไร นั่นเป็นเพราะ Screen Wake Lock API นั่นเอง
หมายเหตุ: คุณสามารถใช้ Screen Wake Lock API ได้ก็ต่อเมื่อ Page นั้นมีการแสดงบนหน้าจอแล้วเท่านั้น มิฉะนั้นจะเกิด Error ได้
6. Screen Orientation API
Screen Orientation API จะช่วยให้คุณสามารถตรวจสอบการวางแนว (ตั้ง/นอน) ณ ปัจจุบันของ Screen ได้ รวมทั้งสามารถ Lock พวกมันให้อยู่ในแนวที่ต้องการได้
7. Fullscreen API
Fullscreen API จะช่วยให้คุณแสดง Element หรือทั้ง Page แบบเต็มหน้าจอได้
หมายเหตุ: หากต้องการใช้ Fullscreen API คุณต้องได้รับการ Interact จาก User ด้วย
ที่มา: https://tapajyoti-bose.medium.com/
รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert
|
|
อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ
|
|
บทความล่าสุด