👂🏻 🕯️ 👨🏼‍💻 oEmbed। क्या आप एक वेब सेवा करते हैं?

बेशक, आपने फेसबुक या VKontakte पर एक लिंक डालते समय इस प्रभाव को देखा था, और पोस्ट में उस साइट से कुछ सामग्री जिसमें लिंक लीड तुरंत लोड होने लगती है। और मैंने देखा, लेकिन कल्पना भी नहीं की थी कि यह आसानी से कैसे किया जा सकता है।

oEmbed.com - सिद्धांत रूप में, यह उन लोगों द्वारा समाप्त किया जा सकता है जो एक स्वतंत्र मिनी-अध्ययन करना चाहते हैं।

सिद्धांत की बिट

oEmbed एक खुला प्रारूप है जो एक वेब पेज की सामग्री को दूसरे में एम्बेड करने को सरल बनाने के लिए बनाया गया है। सामग्री में फ़ोटो, वीडियो, लिंक या अन्य प्रकार के डेटा शामिल हो सकते हैं। सीधे शब्दों में कहें, तो oembed का उपयोग करके आप एम्बेड की गई सामग्री प्राप्त कर सकते हैं (उदाहरण के लिए, YouTube से वीडियो) जब कोई उपयोगकर्ता आपके संसाधन के लिए एक नियमित लिंक पोस्ट करता है।

सूचना का आदान-प्रदान, oEmbed के दृष्टिकोण से, आपूर्तिकर्ता और उपभोक्ता के बीच होता है। उपभोक्ता अपनी साइट पर एक तृतीय-पक्ष संसाधन का एक अंतर्निहित प्रतिनिधित्व दिखाना चाहता है, उदाहरण के लिए, यह फ़्लिकर से एक फोटो हो सकता है या youtube / vimeo से एक वीडियो हो सकता है। प्रदाता इस सामग्री को उपभोक्ता तक पहुंचाने में सक्षम करने के लिए एक oEmbed एपीआई लागू करता है।

उपयोगकर्ता अनुरोध एक नियमित GET अनुरोध है, इसमें एक url और कई वैकल्पिक पैरामीटर शामिल होने चाहिए, उदाहरण के लिए, अधिकतम चौड़ाई, ऊँचाई, प्रारूप (JSON, XML, आदि)
उदाहरण के लिए, YouTube से एक वीडियो एम्बेड करने के लिए, हम इसे निम्नानुसार करने का अनुरोध करेंगे:

http://www.youtube.com/oembed?url=http%3A//youtube.com/watch%3Fv%3DM3r2XDceM6A&format=json

प्रतिक्रिया में , हमें JSON मिलता है जिसमें वीडियो के बारे में जानकारी होती है, साथ ही एम्बेड-html भी होता है।

 { "version": "1.0", "type": "video", "provider_name": "YouTube", "provider_url": "http://youtube.com/", "width": 425, "height": 344, "title": "Amazing Nintendo Facts", "author_name": "ZackScott", "author_url": "http://www.youtube.com/user/ZackScott", "html": "<object width=\"425\" height=\"344\"> <param name=\"movie\" value=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"></param> <param name=\"allowFullScreen\" value=\"true\"></param> <param name=\"allowscriptaccess\" value=\"always\"></param> <embed src=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed> </object>", }

लेकिन उसी सफलता के साथ, हम एपीआई कुंजी प्राप्त कर सकते हैं, लॉग इन कर सकते हैं, वीडियो की खोज करने के लिए अनुरोध कर सकते हैं, डेटा प्राप्त कर सकते हैं और स्वतंत्र रूप से एक ऑब्जेक्ट बना सकते हैं और इसे डाल सकते हैं।

आगे और भी। एक jquery प्लगइन के लिए पहले Google के अनुरोध ने मुझे http://code.google.com/p/jquery-oembed/ पर ले गया । इसके अलावा, उपलब्ध उदाहरण बताते हैं कि प्लगइन का पूरा उपयोग कैसे करें। यह काफी सरल रूप से लिखा गया था, और यदि ऐसा हुआ है कि आपको वहां संसाधन नहीं मिला जिसकी आपको आवश्यकता है, तो इसके कार्यान्वयन को समाप्त करना मुश्किल नहीं होगा।

थोड़ा अभ्यास

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

एचएमएल दृश्य में, मैंने एक डिव के साथ एक पंक्ति को जोड़ा जिसमें वीडियो प्रदर्शित किया जाएगा

  = text_field_tag 'youtube', params[:youtube] //-   <input type="text" id="youtube"> #oembed //-   <div id="oembed"></div>

मैंने एक फ़ंक्शन को सम्मिलित js फ़ाइल में जोड़ा। वह सब है:

 $(document).ready( function() { var yt = $("#youtube"); var emb = $("#oembed"); yt.focusout(function(){ //      , emb.oembed(yt.val(), { //      #youtube   embeding-  #oembed embedMethod: "append", youtube: {maxWidth:500} }); }); });

यहाँ इस तरह के एक परिणाम है:

आप देख सकते हैं कि यह कैसे काम करता है और अपनी क्लिप और शब्द यहां जोड़ें।

नैतिकता

आप एक उपभोक्ता हैं : आप किसी प्रकार का सामाजिक संसाधन बना रहे हैं, इसलिए आप अपने उपयोगकर्ताओं का ध्यान क्यों नहीं रखते हैं और उन्हें HTML- एम्बेड कोड कॉपी करने के लिए बाध्य करते हैं ताकि उनका वीडियो / फोटो आपके संसाधन पर प्रकाशित हो। इसके अलावा, अक्सर html टैग काट दिए जाते हैं, और उपयोगकर्ताओं को iframes डालने की अनुमति नहीं है, उन्हें सुरक्षा के साथ प्रेरित करना।

आप एक सप्लायर हैं : आपने एक संसाधन बनाया है जिस पर दिलचस्प सामग्री (किसी प्रकार का छवि बोर्ड या सोशल नेटवर्क के शीर्ष पर एक संसाधन परजीवी, इंस्टाग्राम की तरह) है। अपने घर में oembed एपीआई को लागू करें, और फिर अन्य साइटों में एकीकृत करना आसान होगा, आपके संसाधन पर कॉल की संख्या बढ़ जाएगी। निवेश का पैसा बहेगा।

यहां उन लोगों की एक सूची दी गई है जिन्होंने पहले से ही ओईएमईडी एपीआई लागू किया है।

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

oEmbed। क्या आप एक वेब सेवा करते हैं? - डू एंड ओम्बेड

सिद्धांत की बिट

थोड़ा अभ्यास

नैतिकता

More articles: