2010-12-22 24 views
7

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

इससे पहले कि आप इसे कहें - मुझे पता है कि एक फ्लैश वेबसाइट आसानी से बेहतर प्रदर्शन के साथ ही ऐसा ही कर सकती है। मैं केवल HTML (5) के साथ समान कार्यक्षमता/डिज़ाइन प्राप्त करने का प्रयास करता हूं, जो अब तक संभव होना चाहिए।

मैं एक पूर्ण स्क्रीन वीडियो पृष्ठभूमि (एचटीएमएल 5) और एक विस्तृत, काले-पृष्ठभूमि वाले मध्यम कॉलम पर मुख्य सामग्री वाली वेबसाइट के बारे में बात कर रहा हूं। सामग्री में YouTube/Vimeo-style आकार में अन्य HTML5 वीडियो शामिल हो सकते हैं। यह वह जगह है जहां सीपीयू पैनिक्स आधा रास्ता है, और मैं हाल ही में मैक प्रो पर काम करता हूं ...

मैंने खिड़की की चौड़ाई & ऊंचाई के साथ स्केल करने के लिए वीडियो (480i से 1080i तक किसी भी आकार का) सेट किया है। मैंने इसे 1080i और 100% आकार में भी सेट किया। जब भी छोटे प्रोजेक्ट वीडियो फोकस में थे, तब भी मैंने पृष्ठभूमि को रोकने के लिए जावास्क्रिप्ट जोड़ा। सभी बदलावों ने ब्राउज़र या साइट की स्थिति में एक अस्वीकार्य धीमापन (एक और वीडियो खेला) का कारण बन गया।

मुझे बताया गया था कि this example का सर्वोत्तम प्रदर्शन होगा। लेकिन मैंने बिना किसी लाभ के डेटा दर और संकल्प को डुप्लिकेट किया।

वेब वीडियो प्रदर्शन में एक विशेषज्ञ कौन है?

उत्तर

3

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

मैं चर को खत्म करने का सुझाव दूंगा; नेटवर्क को काटने के लिए पहले स्थानीय रूप से वीडियो लोड करें, फिर विभिन्न हार्डवेयर क्षमताओं की विभिन्न मशीनों से आज़माएं और देखें कि सबसे अच्छा क्या काम करता है। आप अलग-अलग एन्कोडिंग भी आज़मा सकते हैं। ओजीजी बनाम एम 4 वी बनाम एच 264

अंत में मैं संकल्प को देखता हूं। एक छोटी स्क्रीन पर 1080i वास्तव में इसके लायक नहीं हो सकता है।

+0

हाय फ्रांसिस। प्रतिक्रिया के लिए बहुत बहुत धन्यवाद। मेरे ओपी ने मेरे शोध के हर विवरण का उल्लेख नहीं किया, लेकिन मुझे डर है कि मैंने पहले से ही इसका परीक्षण किया है। एक पेशेवर कटर और वीडियो एन्कोडर हर समय सर्वोत्तम संभव प्रदर्शन के लिए मेरे वीडियो को अनुकूलित करता है, बिना इसे आसानी से चलाने के लिए। मजेदार तथ्य, मैं 8-कोर मैक प्रो पर काम करता हूं और प्रदर्शन मेरे जीएफ की सेलेरॉन नोटबुक के समान ही खराब था ... मुझे लगता है कि एचटीएमएल 5 ने अभी तक खुद को स्थापित नहीं किया है। सभी सरल तरल पदार्थ वेबसाइटें शांत हैं, लेकिन मुझे अभी तक मूल HTML5 वीडियो का लाभ नहीं मिल रहा है। – neoflox

1

मुझे लगता है कि आपको HTML5 का उपयोग करने के अपने निर्णय पर फिर से जाना चाहिए।

इससे कोई फर्क नहीं पड़ता कि आपके पास 8 कोर हैं, या यहां तक ​​कि 2 सीपीयू भी हैं। एचटीएमएल 5 अधूरा है और इस समय कार्यान्वयन धीमा और छोटी है। आप शायद सब ठीक कर रहे हैं।

बड़े खिलाड़ियों को देखें (vimeo, google), जब वे HTML5 पर स्विच करते हैं तो संभवत: इसके साथ जाने का समय होता है। मैं उन लोगों से सहमत नहीं हूं जो कहते हैं "एचटीएमएल 5 सब कुछ के लिए अच्छा है"। मेरा मानना ​​है कि अभी के लिए यह दुर्भाग्य से iDevices (iphone, ipad) के लिए अच्छा है ... जहां आपके पास एक ब्राउज़र है, इसलिए विनिर्देश यहां "सेट" है।

इसके अलावा, आप HTML5 वीडियो को पूर्णस्क्रीन पर स्विच नहीं कर सकते हैं। मुझे लगता है कि आपको बहुत कुछ बताता है।

संबंधित मुद्दे