ลายนิ้วมืออุปกรณ์มีเดียคืออะไร กล้องและไมโครโฟนช่วยระบุเบราว์เซอร์ได้อย่างไร

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

ก่อนเข้าประชุมทางวิดีโอ เบราว์เซอร์มักแสดงรายการกล้องและไมโครโฟนที่ใช้ได้ให้เลือก เบื้องหลังคืออินเทอร์เฟซแจกแจงอุปกรณ์มีเดีย enumerateDevices() ซึ่งหน้าเว็บอื่นก็เรียกใช้ได้เช่นกัน แม้ผู้ใช้ยังไม่อนุญาต หลายเบราว์เซอร์ก็ยังคืนข้อมูลอุปกรณ์แบบจำกัด ส่วนชื่อ ตัวระบุ และจำนวนที่มองเห็นขึ้นอยู่กับสิทธิ์และนโยบายความเป็นส่วนตัว MostMate เป็นเบราว์เซอร์แอนตี้ดีเท็กต์ ดูภาพรวมผลิตภัณฑ์ได้ที่ MostMate คืออะไร ค่าที่อ่านได้จากอุปกรณ์มีเดียเป็นจุดที่มักถูกมองข้ามในการตรวจความสม่ำเสมอของโปรไฟล์ บทความนี้จะอธิบายให้ชัด

ลายนิ้วมืออุปกรณ์มีเดียคืออะไร

ลายนิ้วมืออุปกรณ์มีเดียคือลักษณะเฉพาะที่เกิดจากข้อมูลอุปกรณ์ที่เบราว์เซอร์เข้าถึงได้ จำนวน ชนิด และการจัดกลุ่มของอุปกรณ์ที่อินเทอร์เฟซแจกแจงคืนมา บอกถึงการตั้งค่าฮาร์ดแวร์เสียงและภาพของเครื่องในสายตาเบราว์เซอร์ ชื่อทางการของอินเทอร์เฟซคือ enumerateDevices อยู่ในตระกูล MediaDevices และเป็นเครือญาติกับ getUserMedia ที่ใช้ขอสิทธิ์เข้าถึงกล้อง การขอสิทธิ์ต้องได้รับความยินยอมจากผู้ใช้ แต่การนับอุปกรณ์เพียงอย่างเดียวไม่ต้อง

รายละเอียดของอินเทอร์เฟซดูได้จากเอกสาร enumerateDevices ของ MDN

อุปกรณ์แต่ละตัวในผลลัพธ์คือหนึ่งรายการที่มีสี่ฟิลด์: kind บอกชนิด แบ่งเป็นอินพุตเสียง เอาต์พุตเสียง และอินพุตวิดีโอ, deviceId คือตัวระบุอุปกรณ์, label คือชื่ออุปกรณ์ และ groupId เชื่อมโยงอุปกรณ์ที่ใช้ฮาร์ดแวร์กายภาพเดียวกัน ปริมาณข้อมูลขึ้นอยู่กับสถานะสิทธิ์ ประเด็นที่ควรรู้มีดังนี้

เมื่อยังไม่อนุญาต เบราว์เซอร์มักยังให้หน้าเว็บเรียกอินเทอร์เฟซแจกแจงได้ แต่รายการที่ได้อาจไม่ครบ บางเบราว์เซอร์ซ่อนอุปกรณ์ที่ไม่ใช่ตัวเริ่มต้น และชื่อหรือตัวระบุอาจว่างเปล่า แต่ละเบราว์เซอร์จัดการไม่เหมือนกัน ผลตรวจจึงไม่จำเป็นต้องเท่ากับอุปกรณ์ที่เสียบอยู่จริงทั้งหมด ให้ยึดผลทดสอบจริงเป็นหลัก

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

เว็บไซต์ใช้ข้อมูลอุปกรณ์จำแนกสภาพแวดล้อมอย่างไร

คุณค่าด้านการจำแนกของข้อมูลอุปกรณ์อยู่ที่ความเสถียรระยะยาว แต่ความสามารถแยกแยะมีจำกัด จึงใช้เป็นสัญญาณเสริมเท่านั้น ขอแยกเป็นสามข้อ

• ความเสถียรมีเงื่อนไข เมื่อฮาร์ดแวร์และการตั้งค่าเบราว์เซอร์ไม่เปลี่ยน รายการอาจคงเดิมได้ช่วงหนึ่งและใช้เป็นสัญญาณเสริมได้ การเสียบถอดอุปกรณ์ การเปลี่ยนสิทธิ์ การล้างข้อมูล และนโยบายความเป็นส่วนตัว ล้วนกระทบผลลัพธ์ได้
• การผสมผสานและการจัดกลุ่ม groupId เชื่อมโยงอุปกรณ์ในกลุ่มกายภาพเดียวกัน เช่น จอภาพที่มีกล้องและไมโครโฟนในตัว มันให้ข้อมูลความสัมพันธ์ระหว่างอุปกรณ์ แต่พิสูจน์รุ่นหรือความเป็นของจริงของฮาร์ดแวร์ไม่ได้ เว็บไซต์จึงใช้เป็นลักษณะเสริมแล้วนำไปผสมกับข้อมูลอื่น
• ต้องเข้าใจขอบเขต ผู้ใช้จำนวนมากมีรายการอุปกรณ์เหมือนกัน แล็ปท็อปหนึ่งเครื่องบวกหูฟังหนึ่งชุด ให้จำนวนและชนิดเท่ากันเป๊ะ เพราะการตั้งค่าแบบนี้มีมาก ความสามารถแยกแยะของข้อมูลอุปกรณ์มีเดียจึงจำกัด เว็บไซต์จึงผสมกับฟอนต์ พารามิเตอร์หน้าจอ และสัญญาณอื่นเพื่อจำแนกสภาพแวดล้อมให้ดีขึ้น

ลองดูตัวอย่างจริงสักเรื่อง

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

อะไรบ้างที่กระทบลายนิ้วมืออุปกรณ์มีเดีย

ค่าที่อ่านได้จากอุปกรณ์ของสภาพแวดล้อมเดียวกันเปลี่ยนตามเงื่อนไข เจอผลผิดปกติให้ไล่หาสาเหตุที่พบบ่อยก่อนแล้วค่อยสรุป มีสี่กรณี

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

การเปลี่ยนอุปกรณ์เป็นเรื่องปกติ ผู้ใช้จริงก็เปลี่ยนอุปกรณ์ต่อพ่วงกันบ่อย เมื่อผลไม่ตรงคาด ค่อยไล่ตรวจการเชื่อมต่ออุปกรณ์ สิทธิ์ และการตั้งค่าเบราว์เซอร์

ตรวจลายนิ้วมืออุปกรณ์มีเดียของเบราว์เซอร์อย่างไร

ไม่ต้องติดตั้งเครื่องมือเพิ่ม เปิดหน้าทดสอบแล้วเทียบก่อนหลัง ก็เห็นภาพการแจกแจงอุปกรณ์ได้คร่าว ๆ หัวใจอยู่ที่อ่านผลให้ออก ทำตามลำดับนี้

1. ดูรายการปัจจุบัน เปิดหน้าแจกแจงอุปกรณ์จากตัวอย่างทางการของ WebRTCในเบราว์เซอร์ จะมีดรอปดาวน์สามอันแสดงอินพุตเสียง เอาต์พุตเสียง และแหล่งวิดีโอ จดจำนวนและรายการของแต่ละชนิดไว้ หน้าทดสอบต้องเปิดในบริบทที่ปลอดภัยอย่าง HTTPS ถ้าไม่มีผลลัพธ์ให้เช็คบริบทและสิทธิ์ก่อน อย่าเพิ่งสรุปว่าไม่มีอุปกรณ์
2. เปลี่ยนเงื่อนไขแล้วสังเกต คงสถานะสิทธิ์ให้เหมือนเดิม แล้วเปิดหน้าเดียวกันในเบราว์เซอร์หรือโปรไฟล์อื่น เทียบความต่างของสองผลลัพธ์
3. ไล่หาสาเหตุของการเปลี่ยนแปลง เมื่อรายการไม่ตรงกัน ให้เช็คการเชื่อมต่อฮาร์ดแวร์และสิทธิ์ก่อน ตามด้วยการตั้งค่าเบราว์เซอร์ แล้วจึงพิจารณาการตั้งค่าโปรไฟล์เป็นลำดับสุดท้าย

สิ่งที่ดูคือจำนวน ชนิด และการผสมกัน ไม่ใช่ค่าเฉพาะเจาะจง หน้าทดสอบแต่ละเจ้าแสดงรายละเอียดไม่เหมือนกัน เปรียบเทียบข้ามเว็บไซต์จึงไร้ความหมาย ให้ผลเฉพาะการเทียบก่อนหลังในเครื่องมือตัวเดียวกัน

ใช้เบราว์เซอร์แอนตี้ดีเท็กต์แล้วเช็คข้อมูลอุปกรณ์อย่างไร

การตั้งค่าลายนิ้วมือ (指纹设置) ของ MostMate ยังไม่มีหมวดสำหรับอุปกรณ์มีเดียแยกต่างหาก ผลการแจกแจงของกล้อง ไมโครโฟน และลำโพงจึงแก้ตรง ๆ ด้วยพารามิเตอร์ไม่ได้

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

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

มีสองความสามารถที่คล้ายกันจนต้องแยกให้ชัด WebRTC ในหน้าตั้งค่าลายนิ้วมือดูแลเรื่องการเปิดเผยที่อยู่เครือข่าย การเชื่อมต่อสื่อสารแบบเรียลไทม์อาจไปถามเซิร์ฟเวอร์ STUN ถึงที่อยู่เครือข่ายของเครื่อง จะเปิดเผย IP จริงหรือไม่ขึ้นอยู่กับเบราว์เซอร์ พร็อกซี และการตั้งค่าเฉพาะหน้า ตรรกะการตั้งค่าเคยอธิบายไว้ในบทความWebRTC ของเบราว์เซอร์แอนตี้ดีเท็กต์คืออะไร

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

คำถามที่พบบ่อย

ไม่อนุญาตกล้องและไมโครโฟน เว็บไซต์ยังอ่านข้อมูลอุปกรณ์ได้ไหม

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

ลายนิ้วมืออุปกรณ์มีเดียระบุเครื่องใดเครื่องหนึ่งได้ไหม

ระบุไม่ได้ รายการอุปกรณ์ซ้ำกันอยู่ในผู้ใช้จำนวนมาก เว็บไซต์ต้องเอาไปไขว้เทียบกับ IP ฟอนต์ พารามิเตอร์หน้าจอ และสัญญาณอื่น ข้อมูลอุปกรณ์เป็นเพียงหลักฐานเสริมหนึ่งชิ้นเท่านั้น

ลายนิ้วมืออุปกรณ์มีเดียกับการรั่วไหลของ WebRTC เป็นเรื่องเดียวกันหรือไม่

เป็นสองปัญหาที่ต่างกัน การแจกแจงอุปกรณ์มีเดียได้ข้อมูลอุปกรณ์ผ่านอินเทอร์เฟซของเบราว์เซอร์ ส่วนการเปิดเผย IP ผ่าน WebRTC เกิดระหว่างการสื่อสารแบบเรียลไทม์และเกี่ยวกับที่อยู่เครือข่าย ทั้งเป้าหมาย หลักการ และวิธีไล่ตรวจต่างกัน จึงใช้ผลตรวจ IP ของ WebRTC แทนการตรวจอุปกรณ์มีเดียไม่ได้

เปลี่ยนกล้องหรือไมโครโฟนแล้วลายนิ้วมือจะเปลี่ยนไหม

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

เบราว์เซอร์แอนตี้ดีเท็กต์แก้ลายนิ้วมืออุปกรณ์มีเดียได้ไหม

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

บทสรุป

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