5 मिनट में एक आईओएस वीडियो प्लेयर और रिकॉर्डर लिखना

हाय हाबरा लोग

बिल्ली के तहत, iOS के लिए स्ट्रीमिंग वीडियो के साथ अपने एप्लिकेशन को कैसे बनाया जाए, इस पर कदम से कदम निर्देश। आपको एक क्लाइंट एपीआई, सीधे हथियार (सिद्धांत में, वैकल्पिक) और एक कप कॉफी के साथ Xcode, KFOR की आवश्यकता होगी।



आज हम दिखाएंगे कि कैसे जल्दी और आसानी से BaaS Backendless प्लेटफॉर्म का उपयोग एक iOS एप्लिकेशन लिखने के लिए किया जाता है जो सर्वर पर वीडियो रिकॉर्ड कर सकता है और बाद में इसे खेल सकता है।

(जो लोग हमारे मंच पर सभी एपीआई की रूसी-भाषा की समीक्षा के पहले पोस्ट को याद कर सकते हैं, वे इसे यहां पा सकते हैं।)


अतिरिक्त जानकारी और IPA मीडिया सेवा का एल्गोरिथ्म प्रलेखन में पाया जा सकता है।

तो, शुरू करने के लिए, "Xcode" चलाएं

फ़ाइल जाओ-> नई-> परियोजना
-> "सिंगल व्यू एप्लीकेशन" चुनें और "नेक्स्ट" बटन पर क्लिक करें
-> ave पर एप्लिकेशन का नाम दर्ज करें। "SimpleVideoService"
-> डिवाइस के रूप में "iPhone" चुनें और "अगला" पर क्लिक करें
-> अपने प्रोजेक्ट को स्टोर करने के लिए जगह चुनें

अब आपके पास एक एकल दृश्य वाला एक प्रोजेक्ट है।
बैकएंडलेस प्लेटफॉर्म से कनेक्ट होने वाले एप्लिकेशन को एक आईडी और एक गुप्त कुंजी सौंपी जानी चाहिए। यह AppDelegate.m में किया गया है:

1 #import "AppDelegate.h" 2 #import "Backendless.h" 3 4 // ***         *** 5 6 static NSString *APP_ID = @""; 7 static NSString *SECRET_KEY = @""; 8 static NSString *VERSION_NUM = @"v1"; 9 10 @implementation AppDelegate 11 12 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 13 { 14 [backendless initApp:APP_ID secret:SECRET_KEY version:VERSION_NUM]; 15 return YES; 16 } 17 18 ..... 

APP_ID और SECRET_KEY का मान डेवलपर वेब कंसोल से प्राप्त किया जाना चाहिए। कंसोल में प्रवेश करें , "बनाएं / चुनें" (एक नया एप्लिकेशन चुनें या बनाएं) और "प्रबंधित करें" आइकन पर क्लिक करें। डिफ़ॉल्ट उपकुंजी ऐप सेटिंग है:



अपने कोड में आईडी एप्लिकेशन के आईडी और गुप्त कुंजी के मूल्यों की प्रतिलिपि बनाने के लिए "कॉपी" बटन का उपयोग करें। क्रमशः “APP_ID” और “SECRET_KEY” को कॉपी किए गए मान असाइन करें।

अपनी मुख्य विंडो में दृश्य घटक को खींचें और छोड़ें



सुविधा के लिए, कार्यक्षेत्र की पृष्ठभूमि का रंग बदलें।



वीडियो स्ट्रीम को नियंत्रित करने के लिए बटन जोड़ें



IOS के लिए SDK डाउनलोड करें http://backendless.com/downloads , unzip और लाइब्रेरी को अपनी प्रोजेक्ट फ़ाइलों में खींचें:



हमें निम्न मानक पुस्तकालयों की भी आवश्यकता होगी:

• AudioToolbox.framework
• AVFoundation.framework
• CoreData.framework
• CoreGraphics.framework
• CoreMedia.framework
• CoreVideo.framework
• Libz.dylib
• Security.framework

ViewController.m खोलें, बैकएंडलेस आयात करें और नीचे दिखाए अनुसार स्थिरांक को परिभाषित करें:

 1 #import "Backendless.h" 2 3 #define VIDEO_TUBE @"videoTube" 4 #define STREAM_NAME @"defaultStreamName" 

निम्नलिखित चर निर्दिष्ट करें:

 1 @interface ViewController () 2 { 3 MediaPublisher *_publisher; 4 MediaPlayer *_player; 5 } 

ViewController.h खोलें और रिकॉर्ड किए गए वीडियो को चलाने के लिए कैमरा और * प्लेबैक दृश्य से चित्र प्राप्त करने के लिए * पूर्वावलोकन संपत्ति घोषित करें:

 1 @property (strong, nonatomic) IBOutlet UIView *preview; 2 @property (strong, nonatomic) IBOutlet UIImageView *playbackView; 

* पूर्वावलोकन गुण "दृश्य" के साथ जुड़ा होना चाहिए। ऐसा करने के लिए, "व्यू" घटक का चयन करें, "पूर्वावलोकन के लिए" नई संदर्भ आउटलेट "खींचें और छोड़ें"।



यह "दृश्य" कैमरे के लिए उपयोग किया जाएगा। हमें वीडियो चलाने के लिए एक "दृश्य" की भी आवश्यकता है। एक "छवि दृश्य" जोड़ें और इसे * प्लेबैक दृश्य के साथ संबद्ध करें।

अब हमें बटन नियंत्रण हैंडलर बनाने और ViewController.h पर अपने हस्ताक्षर जोड़ने की आवश्यकता है:

 1 -(IBAction)onStopBtn:(id)sender; 2 -(IBAction)onPlayBtn:(id)sender; 3 -(IBAction)onRecordBtn:(id)sender; 

ViewController.m के तरीकों के कार्यान्वयन को जोड़ें।

वीडियो रिकॉर्डिंग

 1 - (void)onRecordBtn:(id)sender 2 { 3 MediaPublishOptions *options = [MediaPublishOptions recordStream:self.preview]; 4 _publisher =[backendless.mediaService publishStream: STREAM_NAME tube:VIDEO_TUBE options:options responder:self]; 5 } 

पंक्ति 3 में, MediaPublishOptions आवृत्ति बनाएं और UI घटक को रिकॉर्ड करें जो रिकॉर्ड किए गए वीडियो को दिखाएगा।

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

 1 -(void)onStopBtn:(id)sender 2 { 3 if (_publisher) 4 { 5 [_publisher disconnect]; 6 _publisher = nil; 7 } 8 9 if (_player) 10 { 11 [_player disconnect]; 12 _player = nil; 13 } 14 } 

रिकॉर्डेड वीडियो चला रहा है

 1 - (void)onPlayBtn:(id)sender 2 { 3 MediaPlaybackOptions *options = [MediaPlaybackOptions recordStream:self.playbackView]; 4 _player = [backendless.mediaService playbackStream:STREAM_NAME tube:VIDEO_TUBE: options:options responder:self]; 5} 

पंक्ति 3 में, हम MediaPlaybackOptions उदाहरण बनाते हैं और इसे UI घटक में दर्ज करते हैं जो रिकॉर्ड किए गए वीडियो को दिखाएगा।

पंक्ति 4 में हम एक मीडिया प्लेयर बनाते हैं। कंस्ट्रक्टर स्ट्रीम नाम, चैनल नाम, विकल्प और उत्तरदाता को स्वीकार करता है। चूंकि उत्तरदाता खुद को इंगित करता है, ViewController वर्ग IMediaStreamerDelegate को लागू करना चाहिए।

चूंकि हम IMediaStreamerDelegate लागू कर रहे हैं, हमें स्ट्रीम में परिवर्तनों का जवाब देने के लिए निम्नलिखित कोड जोड़ना होगा:

 1 -(void) streamConnectFailed:(id)sender code:(int)code description:(NSString *)description 2 { 3 NSLog(@"<IMediaStreamerDelegate> streamConnectFailed: %d = %@", (int)code, description); 4 [self onStopBtn:sender]; 5 6 NSString *message = (code == -1) ? 7 @"Unable to connect to the server. Make sure the hostname/IP address and port number are valid\n" : 8 [NSString stringWithFormat:@"connectFailedEvent: %@ \n", description]; 9 UIAlertView *av = [[UIAlertView alloc] initWithTitle:@"Error:" message:message delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil]; 10 [av show]; 11 } 12 13 -(void) streamStateChanged:(id)sender state:(StateMediaStream)state description:(NSString *)description 14 { 15 switch (state) { 16 17 case MEDIASTREAM_DISCONNECTED: { 18 19 [self onStopBtn:sender]; 20 break; 21 } 22 23 case MEDIASTREAM_PAUSED: { 24 25 [self onStopBtn:sender]; 26 break; 27 } 28 29 case MEDIASTREAM_PLAYING: { 30 31 // PUBLISHER 32 if (_publisher) { 33 34 if (![description isEqualToString:@"NetStream.Publish.Start"]) { 35 [self onStopBtn:sender]; 36 break; 37 } 38 } 39 40 // PLAYER 41 if (_player) { 42 43 if (![description isEqualToString:@"NetStream.Play.Start"]) { 44 UIAlertView *av = [[UIAlertView alloc] initWithTitle:@"Error:" message:[NSString stringWithString:description] delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil]; 45 [av show]; 46 break; 47 } 48 49 self.playbackView.hidden = NO; 50 } 51 break; 52 } 53 54 default: 55 break; 56 } 57 } 

लगभग सब कुछ तैयार है, यह हैंडलर्स के साथ बटन संबद्ध करने के लिए बनी हुई है।



शेष बटन के लिए भी यही दोहराएं।

यह बात है :)। कॉफी समाप्त हो गई है, खिलाड़ी काम कर रहा है। यहां प्रोजेक्ट कोड डाउनलोड किया जा सकता है ।