फ्लटर में कैमरे के साथ काम करें

कैमरे का उपयोग करने की क्षमता कई अनुप्रयोगों में मौजूद है, और हम सभी नियमित रूप से इसका उपयोग करते हैं। स्पंदन में, हम दो आधिकारिक प्लगइन्स का उपयोग करके कैमरे के साथ काम को लागू कर सकते हैं:

• कैमरा
• छवि पिकर

उनके बीच एक ध्यान देने योग्य अंतर है, और यह स्थिति के अनुसार उनका उपयोग करने के लायक है:

• camera आपको अपने एप्लिकेशन से डिवाइस के लिए उपलब्ध कैमरों के साथ बातचीत करने और विजेट में छवि प्रदर्शित करने की अनुमति देता है। यह कार्यों के लिए अच्छी तरह से अनुकूल है जब आपको एप्लिकेशन के लिए कैमरे के संचालन को "अनुकूलित" करने की आवश्यकता होती है।
• image-picker कैमरा एप्लिकेशन लॉन्च करता है और आपके एप्लिकेशन पर File (छवि या उपयोगकर्ता द्वारा चुनी गई वीडियो फ़ाइल) के प्रकार को लौटाता है। इसके अलावा, image-picker आपको डिवाइस पर उपलब्ध उन लोगों से एक फ़ाइल का चयन करने की अनुमति देता है, जबकि, कैमरे के मामले में, एक अलग एप्लिकेशन लॉन्च किया जाता है, जिसके बाद चयनित ऑब्जेक्ट आपके एप्लिकेशन पर वापस आ जाता है।

यहां आप स्रोत देख सकते हैं।

कैमरा

1. निर्देशों के अनुसार हमारी परियोजना में प्लगइन जोड़ें

ओएस के लिए अतिरिक्त सेटिंग्स
आईओएस
निम्नलिखित पंक्तियों को ios/Runner/Info.plist :

 <key>NSCameraUsageDescription</key> <string>Access to Camera</string> <key>NSMicrophoneUsageDescription</key> <string>Access to Microphone</string> 

एंड्रॉयड
सुनिश्चित करें कि android/app/build.gradle 21 में Android sdk का न्यूनतम संस्करण।

 minSdkVersion 21 

आवेदन शुरू होने पर सभी आवश्यक अनुमतियों का अनुरोध किया जाएगा।

एमुलेटर पर काम करते हैं
आईओएस के मामले में , हम एमुलेटर पर कैमरे की जांच नहीं कर सकते हैं, हमें "लाइव" डिवाइस की आवश्यकता है।
एंड्रॉइड एक मॉक उत्पन्न करता है (नीचे दी गई छवि देखें), जो कैमरा लेंस को देखता है कि क्या बदलता है।

2. हम कोड को पास करते हैं। पहले हम सभी उपलब्ध कैमरा का उपयोग कर availableCameras है।

 final cameras = await availableCameras(); 

यह फ़ंक्शन उपलब्ध कैमरों के विवरण ( List<CameraDescription> ) का एक सरणी List<CameraDescription> , जहां प्रत्येक तत्व में कैमरा का नाम होगा (यह सिर्फ एक इंडेक्स हो सकता है), टाइप (बैक, फ्रंट, एक्सटर्नल) और वह कोण जिससे आप फोटो को घुमाना चाहते हैं ताकि वह इसमें दिखाई दे उनका उन्मुखीकरण।

कैमरे को नियंत्रित करने के लिए, हमें कैमरा कंट्रोलर जैसे ऑब्जेक्ट कंट्रोलर की आवश्यकता CameraController , यह निर्धारित करने के लिए कि आपको प्राप्त कैमरा विवरण और रिज़ॉल्यूशन (कम, मध्यम, उच्च) में से एक को निर्दिष्ट करने की आवश्यकता है।

 void _setCameraController(CameraDescription cameraDescription) async { _controller = CameraController(cameraDescription, ResolutionPreset.medium); ... await _controller.initialize(); ... if (mounted) { setState(() {}); } } 

अगला, हम नियंत्रक को इनिशियलाइज़ करते हैं और यह सुनिश्चित करने के बाद कि विजेट "जीवित" है, हम इस विजेट की स्थिति को अपडेट करते हैं। ( फ़ंक्शन टेक्स्ट )

हम CameraPreview विजेट के लिए प्रारंभिक नियंत्रक पास करते हैं

  AspectRatio( aspectRatio: _controller.value.aspectRatio, child: CameraPreview(_controller)) 

CameraPreview विजेट पर आधारित है, जो कैमरे से तस्वीर प्रदर्शित करने के लिए जिम्मेदार है। इसके आयाम माता-पिता द्वारा निर्धारित किए जाते हैं, इसलिए पहलू अनुपात, जो एक निश्चित पहलू अनुपात में बच्चे के आकार को निर्धारित करता है, एक अच्छा दृष्टिकोण है। हमें कंट्रोलर _controller.value.aspectRatio से अनुपात मिलता है। नतीजतन, इंटरफ़ेस में हमें इंटरफ़ेस में एक तस्वीर मिलती है

3. अब हम एक फोटो ले सकते हैं या एक वीडियो शूट कर सकते हैं।
एक। हम takePicture(String path) विधि का उपयोग करके एक फोटो ( फ़ंक्शन टेक्स्ट ) takePicture(String path) । यह एक तस्वीर लेता है और निर्दिष्ट पथ के साथ बचाता है।

 Future<void> _takePhoto(BuildContext context) async { ... await _controller.takePicture(filePath); ... } 

पथ प्राप्त करने के लिए, हमें आधिकारिक path_provider प्लगइन और उसके getApplicationDocumentsDirectory विधि की आवश्यकता है, जो एक निजी निर्देशिका लौटाएगा। अगला, हम स्वाद के लिए निर्देशिका का नाम निर्धारित करते हैं, यदि आवश्यक हो, तो इसे बनाएं, और फ़ाइल नाम का चयन करें:

  final Directory extDir = await getApplicationDocumentsDirectory(); final String dirPath = '${extDir.path}/Pictures/flutter_camera'; await Directory(dirPath).create(recursive: true); final String filePath = '$dirPath/${_getTimestamp()}.jpg'; 

चित्र लेने से पहले, यह सत्यापित करना उचित है कि नियंत्रक आरंभिक है और चित्र अब नहीं लिया गया है।

 if (!_controller.value.isInitialized) { return null; } ... if (_controller.value.isTakingPicture) { return null; } 

तस्वीर ली गई, हमारे पास इसका एक तरीका है, यह देखना अच्छा होगा। मानक Image विजेट, File ऑब्जेक्ट और फ़ाइल पथ का उपयोग करके, हम स्क्रीन पर छवि प्रदर्शित करते हैं।

 Image.file(File(filePath)) 

ख। वीडियो ( फ़ंक्शन पाठ ) की रिकॉर्डिंग करते समय, हमें दो कार्यों की आवश्यकता होती है: startVideoRecording(String filePath) और stopVideoRecording() ।

 Future<void> _startVideoRecording() async { ... await _controller.startVideoRecording(filePath); ... } Future<void> _stopVideoRecording(BuildContext context) async { ... await _controller.stopVideoRecording(); ... } 

startVideoRecording एक वीडियो लिखता है और इसे निर्दिष्ट पथ के अनुसार सहेजता है (फोटोग्राफ के साथ समान सिद्धांत द्वारा प्राप्त), stopVideoRecording बस रिकॉर्डिंग प्रक्रिया को समाप्त करता है। रिकॉर्डिंग शुरू करने से पहले, सुनिश्चित करें कि शूटिंग अब प्रगति पर नहीं है।

 if (_controller.value.isRecordingVideo) { return null; } 

नतीजतन, हमारे पास एक सहेजा गया वीडियो और इसके लिए एक रास्ता है। इसे खेलने के लिए, आपको video_player प्लगइन की आवश्यकता होगी। वीडियो को चलाने से संबंधित सभी कोड, एक अलग फ़ाइल में निकाले गए।

छवि पिकर

1. निर्देशों के अनुसार हमारी परियोजना में प्लगइन जोड़ें

ओएस के लिए अतिरिक्त सेटिंग्स
आईओएस
निम्नलिखित पंक्तियों को ios/Runner/Info.plist :

 <key>NSCameraUsageDescription</key> <string>Access to Camera</string> <key>NSMicrophoneUsageDescription</key> <string>Access to Microphone</string> <key>NSPhotoLibraryUsageDescription</key> <string>Access to PhotoLibrary</string> 

एमुलेटर पर काम करते हैं
IOS में, हम एमुलेटर पर कैमरे की जांच नहीं कर सकते, हमें "लाइव" डिवाइस की आवश्यकता है।

2. image-picker फोटो / वीडियो या फाइल देखने के लिए एक मानक एप्लिकेशन का उपयोग करता है। वांछित एप्लिकेशन को शुरू करने के लिए, आपको फोटो या pickVideo लिए pickImage फ़ंक्शन का उपयोग करना होगा और स्रोत पैरामीटर निर्दिष्ट करना होगा।

 ... final File video = await ImagePicker.pickVideo(source: ImageSource.camera); final File photo = await ImagePicker.pickImage(source: ImageSource.gallery); //  pickImage        ,       ... 

हमारा आवेदन चयनित फ़ाइल को प्राप्त करता है, लेकिन अगर कुछ भी नहीं चुना गया था, तो null वापस कर दिया जाएगा। चित्रों और वीडियो को प्रदर्शित करने के लिए, हम camera प्लग के मामले में उसी दृष्टिकोण का उपयोग करते हैं। छवियों के लिए, छवि विजेट - इस बार आपको इसे File में लपेटने की आवश्यकता नहीं है, क्योंकि हमें शुरू में इस प्रकार की एक वस्तु मिली थी।

 Image.file(photo) 

वीडियो प्लगइन के लिए video_player । वीडियो को चलाने से संबंधित सभी कोड, एक अलग फ़ाइल में निकाले गए।

निष्कर्ष

जैसा कि आप देख सकते हैं, image-picker उपयोग करना काफी आसान है और जब आप किसी एप्लिकेशन पर एक छवि या वीडियो स्थानांतरित करने की आवश्यकता होती है, तो इसका उपयोग करना आसान होता है। camera हमें आपके एप्लिकेशन में कैमरा के साथ उपयोगकर्ता के काम को अनुकूलित करने के लिए सभी आवश्यक सुविधाएँ भी प्रदान करता है।
पढ़ने के लिए धन्यवाद!