मोबाइल पर वीडियो म्यूट करके अपने-आप वीडियो चलने की सुविधा - कैनवस हैक और ऐनिमेशन वाले GIF से छुटकारा पाएं!

वीडियो के लिए म्यूट किए गए अपने-आप चलने की सुविधा, Android के लिए Chrome 53 वर्शन पर काम करती है. अगर autoplay और muted, दोनों को सेट किया गया हो, तो वीडियो एलिमेंट के व्यू में आने पर, उसके लिए वीडियो अपने-आप शुरू हो जाएगा. साथ ही, म्यूट किए गए वीडियो को प्रैक्टिकल तरीके से, play() का इस्तेमाल करके चलाया जा सकता है. पहले, मोबाइल पर वीडियो चलाने के लिए, उपयोगकर्ता के जेस्चर का इस्तेमाल करना पड़ता था. भले ही, वह म्यूट की स्थिति में हो.

<video autoplay muted>
    <source src="video.webm" type="video/webm" />
    <source src="video.mp4" type="video/mp4" />
</video>

इस सैंपल पर जाकर, यह देखा जा सकता है कि यह कैसे काम करता है. muted वीडियो को चलाना, Chrome 53 या उसके बाद के वर्शन में अपने-आप शुरू हो जाता है.

वीडियो प्लेयर का स्क्रीनशॉट.

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

हमारा सुझाव है कि जहां भी हो सके, autoplay एट्रिब्यूट का इस्तेमाल करें. इसके अलावा, play() तरीके का इस्तेमाल सिर्फ़ तब करें, जब ज़रूरी हो.

click जैसे लोगों के जेस्चर की वजह से, किसी वीडियो को प्रोग्राम के हिसाब से अनम्यूट किया जा सकता है. हालांकि, अगर उपयोगकर्ता के जेस्चर के बिना, किसी वीडियो को प्रोग्राम के हिसाब से अनम्यूट करने की कोशिश की जाती है, तो वीडियो रुक जाएगा.

muted autoplay में बदलाव करने से, play() का इस्तेमाल ऐसे video एलिमेंट के साथ भी किया जा सकेगा जो DOM में नहीं बनाया गया है. उदाहरण के लिए, WebGL से वीडियो चलाने के लिए.

play() तरीके से प्रॉमिस मिलता है. इसका इस्तेमाल यह जांचने के लिए किया जा सकता है कि म्यूट किया गया प्रोग्राम चलाने की सुविधा चालू है या नहीं. इसका एक उदाहरण देखने के लिए, SIMpl.info/video/scripted पर जाएं.

बदलाव क्यों किया गया?

Android पर Chrome के पिछले वर्शन में, वीडियो अपने-आप चलने की सुविधा बंद कर दी गई थी. ऐसा इसलिए किया गया, क्योंकि इससे वीडियो में रुकावट आ सकती है और इसमें ज़्यादा डेटा इस्तेमाल हो सकता है. कई उपयोगकर्ताओं को यह पसंद नहीं आता.

वीडियो अपने-आप चलने की सुविधा को बंद करने से, डेवलपर को अनजाने में हुए ऐनिमेशन वाले GIF के साथ-साथ <canvas> और <img> हैक जैसे दूसरे विकल्पों का इस्तेमाल करने की प्रेरणा मिली. ये तकनीक ऊर्जा की खपत, परफ़ॉर्मेंस, बैंडविड्थ की ज़रूरतों, डेटा लागत और मेमोरी के इस्तेमाल के मामले में ऑप्टिमाइज़ किए गए वीडियो से ज़्यादा खराब हैं. वीडियो को बेहतर तरीके से कंप्रेस करने के लिए, ऐनिमेशन वाले GIF के मुकाबले बेहतर क्वालिटी दी जा सकती है: औसत रूप से करीब 10 बार और सबसे अच्छे तरीके से 100 बार. JavaScript में वीडियो को डिकोड किया जा सकता है, लेकिन इससे बैटरी की खपत बहुत ज़्यादा होती है.

नीचे दी गई चीज़ों की तुलना करें — पहला वीडियो है और दूसरा एक ऐनिमेटेड GIF है:

क्लिप वीडियो चल रहा है.

वे देखने में काफ़ी मिलते-जुलते हैं, लेकिन वीडियो का साइज़ 200 केबी से कम है और ऐनिमेटेड GIF का साइज़ 900 केबी से ज़्यादा है.

Chrome और अन्य ब्राउज़र वेंडर, उपयोगकर्ता बैंडविड्थ को लेकर बहुत सतर्क रहते हैं. कई मामलों में, कई लोगों के लिए डेटा की कीमत ज़्यादा होना, खराब कनेक्टिविटी की तुलना में ऐक्सेस करने से बड़ी रुकावट होती है. समस्याओं को ठीक करने के मौजूदा तरीके को देखते हुए, वीडियो को म्यूट करके अपने-आप चलने की सुविधा को ब्लॉक नहीं किया जा सकता. इसलिए, अच्छे एपीआई और डिफ़ॉल्ट विकल्प देना ही बेहतर विकल्प है.

वेब, मीडिया पर लगातार बढ़ रहा है. डिज़ाइनर और डेवलपर, वीडियो को इस्तेमाल करने के नए-नए तरीके खोजते रहते हैं. वे सभी प्लैटफ़ॉर्म पर एक जैसा व्यवहार करना चाहते हैं. उदाहरण के लिए, डिज़ाइन एलिमेंट के तौर पर बैकग्राउंड वीडियो का इस्तेमाल करते समय. म्यूट किए गए अपने-आप चलने की सुविधा से, मोबाइल और डेस्कटॉप, दोनों पर इस तरह की सुविधाएं मिलती हैं.

ज़्यादा बारीक बिंदु

  • सुलभता के नज़रिए से देखा जाए, तो वीडियो अपने-आप चलने की सुविधा से खास तौर पर समस्या पैदा हो सकती है. Android पर Chrome 53 और उसके बाद के वर्शन में, वीडियो अपने-आप चलने की सुविधा को पूरी तरह से बंद करने की सेटिंग उपलब्ध है: मीडिया सेटिंग में जाकर, 'अपने-आप चलने की सुविधा' चुनें.
  • इस बदलाव से audio एलिमेंट पर कोई असर नहीं पड़ता: Android पर Chrome में, अपने-आप वीडियो चलने की सुविधा अब भी बंद रहती है. ऐसा इसलिए, क्योंकि म्यूट किए गए अपने-आप चलने की सुविधा का ऑडियो के लिए कोई खास असर नहीं पड़ता.
  • डेटा बचाने की सेटिंग चालू होने पर, अपने-आप वीडियो चलने की सुविधा नहीं चलती. डेटा बचाने की सेटिंग वाला मोड चालू होने पर, मीडिया सेटिंग में अपने-आप वीडियो चलने की सुविधा बंद हो जाती है.
  • म्यूट करके अपने-आप चलने की सुविधा, दिख रहे किसी भी दस्तावेज़, iframe या किसी और तरह के वीडियो एलिमेंट के लिए काम करेगी.
  • याद रखें कि इस नई सुविधा का फ़ायदा पाने के लिए, आपको muted के साथ-साथ autoplay भी जोड़ने होंगे: SIMpl.info/video की तुलना SIMpl.info/video/mutd से करें.

सहायता

  • म्यूट किए गए वीडियो अपने-आप चलने की सुविधा, iOS 10 और उसके बाद के वर्शन पर Safari पर काम करती है.
  • ऑटोप्ले, चाहे म्यूट हो या न हो, Android पर Firefox और UC ब्राउज़र पर पहले से ही काम करता है: ये किसी भी तरह के अपने-आप चलने को ब्लॉक नहीं करते हैं.

ज़्यादा जानें