ความคิดเห็น: ฟังก์ชั่นการถ่ายภาพกล้อง Super Cool (HTML5 Webcam) ใช้งานตาม HTML5 เพื่อนที่จำเป็นต้องรู้สามารถอ้างถึงมันได้
WebRTC อาจเป็นมาตรฐาน HTML5 ที่ได้รับความนิยมมากที่สุดในปีหน้าและ Mozilla ได้พัฒนาชุด APIs ที่ช่วยให้คุณควบคุมฮาร์ดแวร์ของคุณเช่นกล้องไมโครโฟนหรือเครื่องวัดความเร่ง คุณสามารถโทรหาอุปกรณ์ฮาร์ดแวร์ดั้งเดิมที่คุณต้องการโดยไม่ต้องพึ่งพาปลั๊กอินอื่น ๆ
ในบทความนี้วันนี้เราจะแนะนำ photobooth.js ที่พัฒนาโดย Wolfram Hempel การใช้ไลบรารีนี้สามารถช่วยให้คุณโทรหาฟังก์ชั่นกล้องได้อย่างรวดเร็วและคุณสามารถเพิ่มฟังก์ชั่นกล้องลงในเว็บไซต์ได้อย่างง่ายดาย และมันจะช่วยให้คุณถ่ายภาพได้อย่างรวดเร็ว คุณสามารถใช้ฟังก์ชั่นนี้เพื่อให้ได้ภาพขนาดใหญ่ของผู้ใช้ มันไม่ดีมากเหรอ?
คุณสมบัติหลัก: การตั้งค่าความคมชัด, การตั้งค่าสี, การตั้งค่าความสว่าง, การตั้งค่าโทนเสียง, ปุ่มภาพถ่ายรองรับโครเมี่ยมล่าสุด, Firefox, Opera และเบราว์เซอร์อื่น ๆหลังจากเปิดการสาธิตออนไลน์ด้วย Chrome โปรดตรวจสอบให้แน่ใจว่าเบราว์เซอร์อนุญาตให้เบราว์เซอร์โทรหากล้องของคุณดังนี้:
รหัส JavaScript:$ ('#webcam'). photobooth (). on ("image", function (event, dataurl) {
$ ('. nopic'). ซ่อน ();
$ ("#pictures") .- พุ่งขึ้น ('<img src = "' + dataurl + '">');
-
รหัสด้านบนส่งผ่านข้อมูลรูปภาพที่สร้างขึ้นไปยังแท็กด้วย ID = Picture สำหรับรายละเอียดโปรดดู API ที่เกี่ยวข้อง
ดาวน์โหลดซอร์สโค้ด
ฉันหวังว่าทุกคนจะชอบการสาธิตออนไลน์และการสาธิตที่เราให้ไว้ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงเราขอบคุณ!