मैंने संगीत कैप्टन कैसे बनाया

2009 में एक बार वापस, मैंने संगीतकारों के लिए एक वेबसाइट बनाई। साइट पर एकमात्र प्रतिक्रिया उपकरण अतिथि पुस्तक थी। बॉट्स, स्पैमर और बुरे लोगों को न जाने देने के लिए, हमें एक कैप्चा की आवश्यकता थी। चूंकि साइट संगीतकारों के लिए है, मैंने सोचा, कैप्चा को भी संगीतमय होने दें।

क्या हुआ कुछ इस तरह दिखता है:


या तो:



नोट्स को चार (नोटों की संख्या द्वारा) ड्रॉप-डाउन सूचियों में पहचाना और चुना जाना चाहिए:


मुझे परिवर्तन के संकेतों को छोड़ना पड़ा, क्योंकि यह मेरे लिए बहुत मुश्किल होगा (उस समय मैं यह पता नहीं लगा सकता था कि यह कैसे करना है) और उपयोगकर्ताओं के लिए, क्योंकि इनपुट प्रक्रिया कई बार जटिल होती।

सर्वर बेतरतीब ढंग से चुने गए नोटों और पॉज़ की चार तस्वीरों से एक तस्वीर बनाता है। चित्रों के नाम - 0 से 13 + विस्तार (png) तक की संख्या - नीचे वृद्धिशील से शुरू होकर, सीढ़ी पर नोट की स्थिति संख्या के अनुरूप है। कुंजी भी यादृच्छिक है - बास या तिहरा। समझने के लिए कि वर्तमान कुंजी में एक नोट का क्या अर्थ है, निम्नलिखित कनवर्टर किया गया था:

<?php function scrip_href($x){ switch( $x ) { case 0: $x1=0; break; case 1: $x1=1; break; case 2: $x1=2; break; case 3: $x1=3; break; case 4: $x1=4; break; case 5: $x1=5; break; case 6: $x1=6; break; case 7: $x1=7; break; case 8: $x1=1; break; case 9: $x1=2; break; case 10: $x1=3; break; case 11: $x1=4; break; case 12: $x1=5; break; case 13: $x1=6; break; } return $x1; } function bass_href($x){ switch( $x ) { case 0: $x1 = 0; break; case 1: $x1 = 3; break; case 2: $x1 = 4; break; case 3: $x1 = 5; break; case 4: $x1 = 6; break; case 5: $x1 = 7; break; case 6: $x1 = 1; break; case 7: $x1 = 2; break; case 8: $x1 = 3; break; case 9: $x1 = 4; break; case 10: $x1 = 5; break; case 11: $x1 = 6; break; case 12: $x1 = 7; break; case 13: $x1 = 1; break; } return $x1; } ?> 

फिर सब कुछ सरल है - हम एक कुंजी और नोट्स तैयार करते हैं:

 <?php mt_srand( time() + (double)microtime()*55 ); $n = mt_rand(1, 2); $n1 = mt_rand(0, 13); $n2 = mt_rand(0, 13); $n3 = mt_rand(0, 13); $n4 = mt_rand(0, 13); ?> 

हम जो कुछ समझ में आया उसे परिवर्तित करते हैं:

 <?php if( $n == 1 ){ $x1 = scrip_href($n1); $x2 = scrip_href($n2); $x3 = scrip_href($n3); $x4 = scrip_href($n4); } elseif( $n == 2 ){ $x1 = bass_href($n1); $x2 = bass_href($n2); $x3 = bass_href($n3); $x4 = bass_href($n4); } ?> 

फिर यह केवल परिणामी कोड को सत्र में लिखने, गोंद करने और चित्र देने के लिए बना रहता है।

इस प्रकार, सत्र में हमने नोटों की वास्तविक संख्या (ठहराव = 0 से = 1, पे = 2, आदि) दर्ज की है, और उपयोगकर्ता एक मजेदार कैप्चा देखता है।

अंत तक पढ़ने के लिए धन्यवाद।