🤗 ❣️ 🤕 PHP से Instagram के लिए कहानियां बनाना ⛏️ 🖕🏾 🖐🏼

प्रविष्टि

हाल ही में, लोग फ़ोटो ब्राउज़ करने की तुलना में सामाजिक नेटवर्क पर वीडियो देखने के लिए अधिक इच्छुक हैं। इंस्टाग्राम पर स्टॉरिस सिर्फ एक निर्धारित तस्वीर की तुलना में 3-4 गुना अधिक लाभ प्राप्त करते हैं।

और निश्चित रूप से, हम यह नहीं भूलते हैं कि सामाजिक नेटवर्क न केवल खुद को दिखाने के लिए, दूसरों को देखने के लिए, बल्कि उनके सामान, सेवाओं आदि को बढ़ावा देने के लिए भी है। हम लंबे समय से VKontakte साइट पर ताज़ा प्रकाशित समाचार पोस्ट करना सीख चुके हैं। लेकिन अगर हम और आगे बढ़ें तो क्या होगा? यदि आप इस जानकारी को वीडियो के रूप में सबमिट करते हैं तो क्या होगा? या अधिक दर्शकों का ध्यान आकर्षित करने के लिए इंस्टाग्राम पर दिलचस्प वीडियो कहानियां अपलोड करें?

इसलिए मैं एक पुस्तकालय बनाने के विचार के साथ आया, जो मुझे इन वस्तुओं की तस्वीरों, पाठ और एनिमेशन से लघु वीडियो बनाने की अनुमति देगा। हां, कोई कह सकता है कि पहले से ही ऐसी सेवाएं हैं जो आपको ऐसा करने की अनुमति देती हैं, और क्यों साइकिल के साथ आते हैं? पहला - मैं चाहता हूं, दूसरा - मैं कर सकता हूं, तीसरा - यह मुफ्त होगा।

यह आलेख लाइब्रेरी के साथ कैसे काम करें, PHP से अपनी खुद की कहानियां कैसे बनाएं, इसके बारे में है।

प्रतिबंध

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

ट्रेनिंग

संगीतकार के माध्यम से पुस्तकालय स्थापित किया जाता है

composer require borodin-vasiliy/php-stories

कहानियाँ बनाना

यह अपनी कहानी बनाने का समय है। उदाहरण के लिए, हम एक बिल्ली का बच्चा की पृष्ठभूमि तस्वीर देखना चाहते हैं, जो कहानी में थोड़ी सी करीब है और उपस्थिति के एनीमेशन के साथ उस पर 2 पाठ प्रदर्शित करते हैं। आराम से!

स्टॉरिस इनिशियलाइज़ेशन

 //    5    720x1280 $stories = new Stories([ "width" => 720, "height" => 1280, "duration" => 5 ]);

जैसा कि आप देख सकते हैं, सभी मापदंडों को एक सरणी के रूप में पारित किया जाता है। फिलहाल, आप बदल सकते हैं:

"चौड़ाई" - पिक्सल में स्टोरिस की चौड़ाई
"ऊँचाई" - पिक्सेल में ऊँचाई
"अवधि" - सेकंड में अवधि
"एफपीएस" - मानक के अनुसार प्रति सेकंड फ्रेम की संख्या - 30

इसके बाद, हमें अपनी भविष्य की कहानी में 3 ऑब्जेक्ट (एक चित्र और 2 ग्रंथ) जोड़ने की आवश्यकता है। फिलहाल, पुस्तकालय आपको 4 प्रकार की विभिन्न वस्तुओं को जोड़ने की अनुमति देता है - चित्र, पाठ, हाथी, आयत। प्रत्येक ऑब्जेक्ट की अपनी विधि है, विधि का तर्क जोड़ा ऑब्जेक्ट के मापदंडों का एक सरणी है।

वस्तुओं के आम पैरामीटर हैं:

"शीर्ष" - कहानी के शीर्ष किनारे से वस्तु की स्थिति
"लेफ्ट" - कहानी के बाएं किनारे से तत्व की स्थिति
"अपारदर्शिता" - पारदर्शिता के रूप में, सीएसएस में [0 ... 1]
"घुमाएँ" - ऑब्जेक्ट के रोटेशन का कोण [0 ... 359]
"जेड-इंडेक्स" - सीएसएस में जेड-इंडेक्स की तरह एक परत - बड़ा, उच्चतर परत फ्रेम पर स्थित होगी।
"प्रारंभ" - दूसरा जब आइटम को कहानी में जोड़ा जाना चाहिए
"अंत" - दूसरा जब आइटम को कहानी से हटा दिया जाना चाहिए

प्रत्येक प्रकार की वस्तु के लिए अद्वितीय, उदाहरण के लिए, चित्र के लिए:

"पथ" - उस छवि का पथ जिसे हम जोड़ना चाहते हैं
"स्केल" - छवि का आकार गुणक (सन्निकटन)

कहानी में चित्र जोड़ना

 //      $main_image = $dir."/images/1.jpg"; //   ) list($image_width, $image_height) = getimagesize($main_image); // ,      ,       $image_start_scale = round(1280 / $image_height, 1); //   $stories->addImage([ "path" => $main_image, "top" => round(-1 * ($image_height * $image_start_scale - $stories_height) / 2), //        "left" => round(-1 * ($image_width * $image_start_scale - $stories_width) / 2), //        "scale" => $image_start_scale ]);

हो गया! यदि अभी एक कहानी उत्पन्न होती है, तो 5 सेकंड के लिए हम बिल्ली की प्रशंसा करेंगे। लेकिन मैंने वादा किया था कि एनीमेशन होगा, चलो इसे जोड़ें।

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

चित्र और एनिमेशन जोड़ना

 //      $main_image = $dir."/images/1.jpg"; //   ) list($image_width, $image_height) = getimagesize($main_image); // ,      ,       $image_start_scale = round(1280 / $image_height, 1); // $image_end_scale = $image_start_scale + 0.5; //     $stories->addImage([ "path" => $main_image, "top" => round(-1 * ($image_height * $image_start_scale - $stories_height) / 2), //        "left" => round(-1 * ($image_width * $image_start_scale - $stories_width) / 2), //        "scale" => $image_start_scale ])->addAnimation([ "top" => round(-1 * ($image_height * $image_end_scale - $stories_height) / 2), //         "left" => round(-1 * ($image_width * $image_end_scale - $stories_width) / 2),//         "scale" => $image_end_scale, ]);

जैसा कि आपने देखा होगा कि addAnimation मेथड का इस्तेमाल एनीमेशन जोड़ने के लिए किया जाता है। एनीमेशन के लिए आवश्यक पैरामीटर:

"प्रारंभ" - दूसरा जब एनीमेशन शुरू होना चाहिए। यदि सेट नहीं किया जाता है, तो ऑब्जेक्ट शुरू होने पर एनीमेशन शुरू हो जाएगा।
"अवधि" - सेकंड में एनीमेशन की अवधि

एनीमेशन को प्रभावित कर सकने वाले मापदंडों की एक सरणी:

«शीर्ष»
«वाम»
«अस्पष्टता»
«घुमाएँ»
«स्केल»
«चौड़ाई»
«ऊंचाई»

पाठ जोड़ना

 //   $stories->addText([ "text" => "Hello world!", "path" => $dir."/fonts/helvetica.ttf", "size" => 130, "color" => "#ffffff", "width" => 620, "top" => 200, "left" => 50, "opacity" => 0, "shadow" => [ "color" => "#000000", "top" => 4, "left" => 4 ] ])->addAnimation([ "duration" => 1, "opacity" => 1 ])->addAnimation([ "start" => 4.5, "duration" => 0.5, "opacity" => 0 ]); //   $stories->addText([ "text" => "This is a test of function adding text", "path" => $dir."/fonts/helvetica.ttf", "size" => 100, "color" => "#ffffff", "width" => 620, "top" => 750, "left" => 50, "start" => 0.5, "opacity" => 0, "shadow" => [ "color" => "#000000", "top" => 4, "left" => 4 ] ])->addAnimation([ "duration" => 1, "opacity" => 1 ])->addAnimation([ "start" => 4.5, "duration" => 0.5, "opacity" => 0 ]);

पाठ के अपने विशिष्ट पैरामीटर हैं:

"पाठ" - वह पाठ जिसे आप प्रदर्शित करना चाहते हैं - आवश्यक
"पथ" - फ़ॉन्ट (.ttf) के लिए पथ - आवश्यक
"आकार" - फ़ॉन्ट आकार
"रंग" - रंग, उदाहरण के लिए "#ffffff"
"चौड़ाई" - पाठ के ब्लॉक की चौड़ाई, यदि सेट किया जाता है, तो पाठ स्वचालित रूप से लाइनों में विभाजित हो जाएगा
"संरेखित करें" - पाठ संरेखण [बाएं, केंद्र, दाएं]
"छाया" एक छाया है

एक छाया भी मापदंडों की एक सरणी है:

"रंग" - छाया का रंग
"शीर्ष" - ऊपर से इंडेंटेशन
"लेफ्ट" - लेफ्ट मार्जिन

कहानी पीढ़ी

 $file_hash = $stories->generate("/tmp");

नतीजतन, हमें उस फ़ाइल का नाम मिलता है जो अस्थायी फ़ोल्डर में एक तर्क के रूप में पारित हो जाती है।

काम का नतीजा

यह कहने योग्य है कि कहानियां बनाने की गति महान नहीं है, एक अच्छे कंप्यूटर पर 5-सेकंड की क्लिप एक मिनट के आदेश पर, 3 मिनट से अधिक के साधारण सर्वर पर उत्पन्न होती है।

विकास की योजनाएँ

कोड को कम करने के लिए मानक एनीमेशन स्क्रिप्ट जोड़ना
टेक्स्ट एनिमेशन (लाइन बाय लाइन उपस्थिति, आदि)
पाठ के लिए पृष्ठभूमि।

मुझे आशा है कि कोई व्यक्ति इस पुस्तकालय को उपयोगी पाएगा। कार्यात्मक में आलोचना और इच्छाओं को सुनकर मुझे खुशी होगी।

गिट रिपॉजिटरी