2012-04-06 19 views
6

में लाइव स्ट्रीमिंग वीडियो मुझे एक वेब एप्लिकेशन विकसित करने की आवश्यकता है, इसे आईई 9 के साथ-साथ आईपैड और एंड्रॉइड टैबलेट का समर्थन करने की आवश्यकता है। मुझे जिस समस्या का सामना करना पड़ रहा है वह यह है कि क्लाइंट को सभी पृष्ठों पर लाइव स्ट्रीमिंग वीडियो दिखाने की आवश्यकता है। मैं HTML5 में लाइव स्ट्रीमिंग वीडियो कैसे कार्यान्वित कर सकता हूं?एचटीएमएल 5

+3

के रूप में करता है क्या आपने कुछ भी करने की कोशिश की? उदाहरण के लिए '<वीडियो चौड़ाई =" 320 "ऊंचाई =" 240 "नियंत्रण =" नियंत्रण "> <स्रोत src =" http: // ADR/STREAM_ADR "प्रकार =" वीडियो/एमपी 4 "/> आपका ब्राउज़र करता है वीडियो टैग का समर्थन नहीं करते हैं। '? – Narek

उत्तर

2

मैंने आपको Wowza मीडिया सर्वर का उपयोग करने की सलाह दी है (वहां पर कई स्ट्रीमिंग सर्वर हैं। Wowza महान प्रदर्शन और सेवा के साथ वीडियो/ऑडियो प्रदान करता है) मैं इसे अपनी परियोजनाओं के लिए उपयोग कर रहा हूं। यह फ्लो प्लेयर, जेडब्ल्यू प्लेयर्स इत्यादि जैसे ओपनसोर्स प्लेयर का भी समर्थन करता है .. अपनी मशीन पर वूज़ा मीडिया सर्वर स्थापित करें और उस पर एक लाइव एप्लिकेशन बनाएं और प्रसारण शुरू करें। लाइव स्ट्रीमिंग के लिए आपको एन्कोडर की आवश्यकता है, आप परीक्षण के लिए एडोब फ्लैश मीडिया लाइव एनकोडर का उपयोग कर सकते हैं। Wowza iphone, वेबपेज, आदि के लिए वीडियो प्रसारित करने में सक्षम कर सकते हैं,

+0

लेकिन Wowza केवल कुछ सीमित ब्राउज़रों का समर्थन करता है। और मेरा ग्राहक भी Wowza जाने के लिए स्वीकार नहीं करता है। एचएलएस स्ट्रीमिंग आईई 9, क्रोम, ओपेरा, सफारी, आईपैड और एंड्रॉइड टैबलेट का समर्थन करेगा? मैं इस कोड अपने काम नहीं कर इस्तेमाल किया <वीडियो src = "http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" ऊंचाई = "300" चौड़ाई = "400"> – jan

+0

इस लिंक को देखें: http://www.longtailvideo.com/html5/hls/ विभिन्न ब्राउज़रों द्वारा एचएलएस के लिए समर्थन की जांच करने के लिए – d33pika

0

कोड

<video id="movie" width="" height="" preload controls> 
    <source id="srcMp4" src="video.mp4" /> 
    <source id="srcOgg" src="video.ogg" /> 
    <object id="flowplayer" name="flowplayer" width="480" height="352" 
    data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
      type="application/x-shockwave-flash"> 
    <param name="movie" 
    value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" 
    value='config={"clip":"http://domain.com/video.flv"}' /> 
    </object> 
</video> 

MP4 प्रारूप आईपैड में पिछले बग जो केवल सूचीबद्ध पहला स्रोत देखता है की वजह से पहले प्रदान की जाती है, की कोशिश करो ।

यदि ब्राउज़र एमपी 4 संस्करण नहीं चला सकता है, तो यह ओग संस्करण को लोड करने का प्रयास करता है। अगर यह विफल हो जाता है, तो यह फ्लोप्लेयर (फ्लैश) का उपयोग fallback.s

+0

लाइव स्ट्रीमिंग वीडियो के लिए? इसका – jan

+1

उस वीडियो को कहां बदलें जहां वीडियो है –