Chrome वीडियो में अल्फ़ा ट्रांसपेरंसी (पारदर्शिता)

Sam Dutton
François Beaufort
François Beaufort
GitHub

Chrome वीडियो में ऐल्फ़ा पारदर्शिता

Chrome 31 अब WebM में वीडियो ऐल्फ़ा पारदर्शिता का समर्थन करता है.

दूसरे शब्दों में कहें, तो 'ग्रीन स्क्रीन' चलाते समय Chrome, ऐल्फ़ा चैनल को ध्यान में रखता है इनके साथ, WebM (VP8 और VP9) में एन्कोड किए गए वीडियो ऐल्फ़ा चैनल. इसका मतलब है कि आपको पारदर्शी बैकग्राउंड वाले वीडियो चलाने की सुविधा मिलती है. जैसे, वेब पेजों, इमेज या अन्य वीडियो पर.

इस पर एक डेमो दिखाया गया है simpl.info/videoalpha. कुछ हद तक शानदार और किनारों के आस-पास थोड़ा खुरदरा है (वास्तव में), लेकिन आपको यह समझ आ गया होगा!

ऐल्फ़ा वीडियो कैसे बनाएं

हम जिस तरीके से जानकारी देते हैं उसमें इन ओपन सोर्स टूल का इस्तेमाल किया जाता है: ब्लेंडर और ffmpeg:

  1. अपने सब्जेक्ट को एक ही रंग के बैकग्राउंड पर फ़िल्माएं, जैसे कि कोई चमकीला बैकग्राउंड हरा पर्दा.
  2. पारदर्शिता के साथ PNG स्टिल इमेज का कलेक्शन बनाने के लिए, वीडियो को प्रोसेस करें डेटा शामिल है.
  3. किसी वीडियो फ़ॉर्मैट में एन्कोड करें (इस मामले में, WebM).

यहां हैं भी है, जो यह काम करने के लिए मालिकाना टूल का इस्तेमाल करते हैं. जैसे, Adobe After Effects आसान.

1. ग्रीन स्क्रीन पर वीडियो बनाएं

सबसे पहले, आपको अपने विषय को इस तरह से रिकॉर्ड करना होगा कि और बैकग्राउंड को 'हटाया गया' के तौर पर मार्क किया जा सकता है. (पारदर्शी बनाया गया हो).

इसका सबसे आसान तरीका यह है कि एक ही रंग के बैकग्राउंड के साथ वीडियो रिकॉर्ड किया जाए, जैसे, स्क्रीन या पर्दा. हरा या नीला रंग अक्सर इस्तेमाल किया जाता है, क्योंकि इसकी त्वचा का रंग और त्वचा का रंग अलग होता है.

ग्रीन स्क्रीन वीडियो (इसे यह भी कहा जाता है) रिकॉर्ड करने के लिए, ऑनलाइन कई गाइड उपलब्ध हैं chroma कुंजी) और बहुत सी जगहें खरीदने के लिए हरा और को हाइलाइट कर सकता है. इसके अलावा, बैकग्राउंड को क्रोमा की पेंट से पेंट किया जा सकता है.

The Great Gatsby VFX की रील से पता चलता है कि ग्रीन स्क्रीन की मदद से क्या-क्या किया जा सकता है.

वीडियो रिकॉर्ड करने से जुड़ी कुछ सलाह:

  • पक्का करें कि सब्जेक्ट में एक जैसे रंग के कपड़े या ऑब्जेक्ट न हों का इस्तेमाल नहीं किया है, तो ये 'छेद' के रूप में दिखाई देंगे फ़ाइनल वीडियो में इसे शामिल करें. छोटे लोगो या गहनों से भी समस्या हो सकती है.
  • एक जैसी रोशनी का इस्तेमाल करें और परछाइयों से बचें बैकग्राउंड में रंगों की सबसे छोटी संभावित रेंज, जो बाद में को पारदर्शी बनाना होगा.
  • कई धुंधली लाइटों का इस्तेमाल करने से, गहरे हिस्सों और बैकग्राउंड के रंग से बचने में मदद मिलती है अलग-अलग वर्शन.
  • चमकदार बैकग्राउंड से बचें: मैट सतहें रोशनी को बेहतर तरीके से फैलाती हैं.

2. ग्रीन स्क्रीन वीडियो से रॉ ऐल्फ़ा वीडियो बनाएं

ग्रीन स्क्रीन वीडियो से रॉ ऐल्फ़ा वीडियो बनाने के लिए, यहां दिया गया तरीका अपनाएं:

  1. ग्रीन स्क्रीन वीडियो शूट करने के बाद, वीडियो को बदलने के लिए ब्लेंडर जैसे ओपन सोर्स टूल का इस्तेमाल किया जा सकता है में ऐल्फ़ा डेटा वाली PNG फ़ाइलों का कलेक्शन बनाया जा सकता है. कलर कीइंग की मदद से ब्लेंडर का इस्तेमाल करें ग्रीन स्क्रीन को हटाकर, उसे पारदर्शी बनाना होगा. (ध्यान दें कि PNG ज़रूरी: ऐल्फ़ा चैनल का डेटा सुरक्षित रखने वाले किसी भी फ़ॉर्मैट का इस्तेमाल किया जा सकता है.)

  2. ओपन सोर्स टूल इस्तेमाल करके, PNG फ़ाइलों के कलेक्शन को रॉ YUVA वीडियो में बदलें जैसे कि ffmpeg:

    ffmpeg -i image%04d.png -pix_fmt yuva420p video.raw

    इसके अलावा, ffmpeg कमांड का इस्तेमाल करके फ़ाइलों को सीधे WebM में एन्कोड करें इस तरह:

    ffmpeg -i image%04d.png output.webm

अगर आपको ऑडियो जोड़ना है, तो आप fmpeg का इस्तेमाल करके इसे इस तरह से निर्देश दे सकते हैं शामिल करें:

ffmpeg -i image%04d.png -i audio.wav output.webm

3. ऐल्फ़ा वीडियो को WebM में एन्कोड करें

रॉ ऐल्फ़ा वीडियो को WebM में दो तरीकों से एन्कोड किया जा सकता है.

  1. ffmpeg के साथ: हमने WebM ऐल्फ़ा वीडियो एन्कोड करने के लिए ffmpeg की सहायता जोड़ी.

    ऐल्फ़ा डेटा वाले इनपुट वीडियो के साथ ffmpeg का इस्तेमाल करें. साथ ही, आउटपुट फ़ॉर्मैट को इस पर सेट करें WebM और एन्कोडिंग सही फ़ॉर्मैट में अपने-आप हो जाएंगे, जैसा कि इनके हिसाब से होता है पढ़ें. (ध्यान दें: फ़िलहाल, आपको यह पक्का करना होगा कि नीचे दिए गए खातों के लिए, git ट्री से ffmpeg का सबसे नया वर्शन डाउनलोड किया गया हो काम नहीं करता.)

    सैंपल कमांड:

    ffmpeg -i myAlphaVideo.webm output.webm

  2. webm-टूल का इस्तेमाल करना:

    git clone https://chromium.googlesource.com/webm/libvpx

    webm-tools, WebM से जुड़े आसान ओपन सोर्स टूल का एक सेट है, जिसे WebM प्रोजेक्ट के लेखक मैनेज करते हैं. इसमें ऐल्फ़ा पारदर्शिता के साथ WebM वीडियो बनाने का एक टूल शामिल है.

    Alphabet_encoder के साथ काम करने वाले विकल्पों की सूची देखने के लिए, --help की मदद से बाइनरी चलाएं.

4. Chrome में वीडियो चलाएं

Chrome में एन्कोड की गई WebM फ़ाइल चलाने के लिए, फ़ाइल को वीडियो एलिमेंट.

उन्होंने यह काम कैसे किया?

हमने Google के इंजीनियर विग्नेश वेंकटसुब्रमण्यम से, इस बारे में बातचीत की प्रोजेक्ट. उन्होंने इस प्रोजेक्ट की मुख्य चुनौतियों के बारे में खास जानकारी दी:

  • VP8 बिटस्ट्रीम में ऐल्फ़ा चैनल के लिए कोई सुविधा नहीं है. इसलिए, हमें सभी प्रॉडक्ट के लिए ऐल्फ़ा वर्शन में, VP8 बिटस्ट्रीम को तोड़ा और मौजूदा ऐल्फ़ा वैल्यू को तोड़ा खिलाड़ी.
  • Chrome का रेंडरर, ऐल्फ़ा वर्शन के साथ वीडियो रेंडर नहीं कर पा रहा था.
  • Chrome में कई हार्डवेयर/जीपीयू डिवाइसों के लिए, कई रेंडरिंग पाथ होते हैं. कई ऐल्फ़ा वीडियो को रेंडर करने के लिए रेंडरिंग पाथ में बदलाव करना पड़ा.

वीडियो ऐल्फ़ा पारदर्शिता के लिए, हम इस्तेमाल के कई दिलचस्प उदाहरणों के बारे में सोच सकते हैं: गेम, इंटरैक्टिव वीडियो, साथ मिलकर कहानियां बताने की सुविधा (अपने वीडियो को बैकग्राउंड वीडियो/इमेज), वैकल्पिक किरदारों या प्लॉट वाले वीडियो, वेब ऐप्लिकेशन जो ओवरले वीडियो कॉम्पोनेंट का इस्तेमाल करते हैं.

फ़िल्म बनाने का आनंद लेते रहें! अगर आपको ऐल्फ़ा की मदद से कुछ शानदार बनाना है, तो हमें बताएं पारदर्शिता.

काम के संसाधन