एच .264/एफएलवी एचटीएमएल

Question

के लिए सर्वोत्तम प्रथाओं में से एक ऐसी वेबसाइट चलाती है जिसमें 700 संदर्भ वीडियो (और नहीं, यह अश्लील नहीं है - गटर से आपका दिमाग प्राप्त करें :-))।

वीडियो वर्तमान में FLV प्रारूप में हैं। हम उन वीडियो को प्रस्तुत करने के लिए जेडब्लूप्लेयर का उपयोग करते हैं। आईआईएस 6 होस्ट किया गया। सब कुछ ठीक काम करता है।

जैसा कि मैं इसे समझता हूं, एच .264 (एफएलवी नहीं और संभवतः ओजीजी नहीं) उभरती पसंदीदा एचटीएमएल 5 वीडियो मानक है। आज, आईपैड वास्तव में केवल H.264 या यूट्यूब का सम्मान करता है। संभवतः, जल्द ही कई और महत्वपूर्ण ब्राउज़र ऐप्पल के नेतृत्व का पालन करेंगे और केवल HTML5 टैग का सम्मान करेंगे।

ठीक है, इसलिए मुझे लगता है कि मैं अपने मौजूदा वीडियो को उचित H.264 प्रारूप में परिवर्तित करने का तरीका समझ सकता हूं। Ffmpeg.exe सहित कई टूल उपलब्ध हैं। मैंने अभी तक यह कोशिश नहीं की है, लेकिन मुझे नहीं लगता कि कोडेक सेटिंग्स के साथ झुकाव के बाद यह एक समस्या होगी।

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

मुझे पता है कि जेडब्लूप्लेयर एच .264 मीडिया का समर्थन करता है, लेकिन क्या खिलाड़ी खुद ही फ़्लैश घटक नहीं है और इसलिए आईपैड पर बजाने योग्य नहीं है? क्षमा करें अगर मैं स्पष्ट नहीं हूं, लेकिन मैं एक सुंदर संक्रमण योजना पर अपने सिर को खरोंच कर रहा हूं जो वर्तमान ब्राउज़र, आईपैड और आगामी HTML5 तरंग के लिए काम करेगा। मैं एक वीडियो विशेषज्ञ नहीं हूं, इसलिए किसी भी सलाह का स्वागत किया जाएगा, धन्यवाद।

Answer 1

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

 <video controls id="video" width="320" height="240" preload autobuffer > 
      <source src="http://mycdn.com/videos/vid1.ogg" type="video/ogg" /> 
      <source src="http://mycdn.com/videos/vid1.mp4" type="video/mp4" /> 
      <!--RENDERED ON BROWSERS WITH NO HTML5 VIDEO SUPPORT--> 
      <object width="320" height="240"> 
      <param name="movie" value="myplayer.swf"> 
      <embed src="myplayer.swf" width="550" height="400"> 
      </embed> 
      </object> 
      <!----> 
     </video> 

Answer 2

मुझे यकीन है कि अगर यह एक जवाब या सिर्फ एक टिप्पणी है नहीं कर रहा हूँ, लेकिन मैं वास्तव में मूल प्रश्न की मान्यताओं में से एक को चुनौती देने की जरूरत है: "मुमकिन है, जल्द ही कई और अधिक महत्वपूर्ण ब्राउज़रों एप्पल के नेतृत्व का पालन करें और होगा केवल एचटीएमएल 5 टैग का सम्मान करें। "

यह किसी भी चीज़ द्वारा समर्थित नहीं है जिसे मैं देख सकता हूं।

1. सभी डेस्कटॉप ब्राउज़र फ़्लैश सहित प्लगइन का समर्थन करते हैं। अधिकांश गैर-ऐप्पल स्मार्टफ़ोन/टैबलेट फ्लैश का समर्थन करते हैं, अनियंत्रित प्लगइन का समर्थन करते हैं, या वैकल्पिक ब्राउज़र का समर्थन करते हैं।
2. सभी ब्राउज़र, यहां तक ​​कि आईफोन ओएस एक, ऑब्जेक्ट टैग का समर्थन करते हैं और कम से कम इसके साथ कुछ करने का प्रयास करते हैं। वे मार्की और फ़ॉन्ट टैग जैसी चीजों का भी समर्थन करते हैं! ऑब्जेक्ट टैग अभी तक लंबे समय तक होगा, और जहां तक ​​मुझे पता है एचटीएमएल 5 का हिस्सा भी है।
3. फ़ायरफ़ॉक्स, शायद विभिन्न आईई संस्करणों के बाद # 2 ब्राउज़र, इस समय H.264 का समर्थन नहीं कर रहा है।
4. माइक्रोसॉफ्ट ने यह स्पष्ट कर दिया है कि वे फ्लैश को नापसंद करते हैं और लोगों को सिल्वरलाइट का उपयोग करने के लिए पसंद करेंगे, मेरी भावना का समर्थन करते हुए कि ऑब्जेक्ट टैग यहां रहने के लिए है। वे केवल IE9 में देशी HTML5 वीडियो टैग का समर्थन करने के लिए बेहद प्रतिबद्ध हैं। इस बीच, वे Vista और Win7 पर ओएस के हिस्से के रूप में फ्लैश प्लगइन भेजते हैं।

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

एचटीएमएल 5 वीडियो टैग एकाधिक स्रोतों का नामकरण करने का समर्थन करता है, ताकि आप देशी एच .264 वीडियो को 'प्राथमिक' और फ्लैश प्लेयर के रूप में 'फॉलबैक' के रूप में रख सकें इस्तेमाल किया है, तो ब्राउज़र सीधे 264 वीडियो स्ट्रीम के लिए समर्थन नहीं है

<video> 
<source src="../videos/primary.mp4" type="video/mp4" /> 
<object> 
    <param name="movie" value="fallbackplayer.swf"> 
    <embed src="../videos/fallbackplayer.swf"> 
    </embed> 
</object> 
</video> 

Answer 3

वीडियो कोडेक के लिए प्रत्येक ब्राउज़र में समर्थन इस तरह है:।

• फ़ायरफ़ॉक्स: ऑग Theora/वॉर्बिस
• ओपेरा: ऑग Theora/वॉर्बिस
• क्रोम: ऑग Theora/वॉर्बिस और h.264
• सफारी: 264
• IE9 (ऑग Theora/XiphQT घटक इंस्टॉल साथ वॉर्बिस): 264

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

Answer 4

सीधे अपने सवाल का जवाब नहीं है, लेकिन doom9.org वीडियो रूपांतरण/प्रसंस्करण पर महान ट्यूटोरियल का भार है। उपयोगी हो सकता है के लिए आप

Answer 5

सुझाएँ आप अच्छा पार ब्राउज़र कार्यान्वयन के लिए video for everybody पढ़ें। आप फ्लैश फॉलबैक के लिए H.264 का भी उपयोग कर सकते हैं लेकिन जैसा कि लचलन कहते हैं कि आपको पूरी क्रॉस ब्राउज़र संगतता के लिए ओग के साथ भी प्रस्तुत करना चाहिए।

Answer 6

के बाद से क्रोम वास्तव में कभी प्लग बाहर h264 समर्थन के लिए खींच लिया, फायरफॉक्स यह के रूप में अच्छी तरह से रखा और प्रारूप के लिए बेहतर समर्थन योजना बना रहा है।

https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats (के बारे में 1/पृष्ठ नीचे रास्ते से 3)