2012-10-29 22 views
7

से वीडियो स्ट्रीमिंग के लिए प्लेयर एडोब फ्लैश प्लेयर, फ्लोप्लेयर और जेडब्ल्यू प्लेयर को छोड़कर मैं कौन से खिलाड़ी अमेज़ॅन एस 3 क्लाउडफ्रंट से वीडियो स्ट्रीमिंग के लिए उपयोगकर्ता कर सकता हूं?अमेज़ॅन एस 3 क्लाउडफ्रंट

मुझे फ्लैश और एचटीएमएल 5 दोनों समर्थन के साथ एमपी 4 स्ट्रीम करने की आवश्यकता है। आदर्श रूप से यह एक नि: शुल्क समाधान होना चाहिए।

धन्यवाद।

उत्तर

6

पाया गया है कि MediaElementJs वीडियो स्ट्रीमिंग का समर्थन करता है। और यह मुफ़्त है। Video streaming from Amazon S3 CloudFront using Mediaelement.js

this comment में एक उदाहरण देख -

इस सवाल यह कैसे स्ट्रीमिंग के लिए इस्तेमाल किया जा सकता है।

Mediaelement.js वीडियो स्ट्रीमिंग का समर्थन करता है।

कुछ सर्वर से वीडियो स्ट्रीमिंग के लिए

(जैसे फार्म अमेज़न S3 CloudFront) "स्रोत" टैग का उपयोग किया जाना चाहिए:

<video width="320" height="240" preload="none"> 
    <source src="rtmp://someurl.cloudfront.net/cfx/st/mp4:filename.mp4" type="video/mp4" /> 
</video> 
लाइव स्ट्रीमिंग का flashstreamer विकल्प के लिए

इस्तेमाल किया जाना चाहिए (देखो this comment):

<video class="mejs-player" data-mejsoptions='{flashStreamer:"rtmp://170.93.143.150/rtplive/000109f6004b00a6004af03676235daa"}'> 
    <source src="000109f6004b00a6004af03676235daa" type="video/rtmp"> 
</video> 

एक नोट लें कि आरटीएमपी उदाहरण केवल फ्लैश के लिए काम करता है, न कि एचटीएमएल 5 के लिए। क्योंकि एचटीएमएल 5 आरटीएमपी का समर्थन नहीं करता है।

0

आप इसे आजमा सकते हैं। यह स्ट्रोब प्लेयर है जो ओपन सोर्स http://www.opensourcemediaframework.com

+0

जो भी Flowplayer के साथ कोई संबद्धता है कैसे वीडियो स्ट्रीमिंग के लिए उपयोग करना ? क्या आपने इस प्लेयर का इस्तेमाल किया? –

3

videojs जांचें। यह एक HTML5 आधारित वीडियो प्लेयर है।

  1. यह JWPlayer आदि के रूप में सर्वर साइड खिलाड़ियों की आवश्यकता के बिना mp4, WebM, ogg फ़ाइलें स्ट्रीम करने के लिए क्षमता है

  2. फ़्लैश ग्राहक ब्राउज़र

  3. इसके अलावा provive प्रकाश में स्थापित की आवश्यकता होती है नहीं है ब्राउज़र और डिवाइस html5
  4. इसका खुला स्रोत का समर्थन नहीं करते और

  5. करने के लिए

    के लिए वजन फ़्लैश प्लेयर एमपी 3 प्लेयर के साथ एमपी 3 प्रारूप में एस 3 से स्ट्रीम वीडियो, इस howto की जांच करें।

आशा इस मदद करता है

+0

"स्ट्रीमिंग" वीडियोज द्वारा आपके मतलब के आधार पर सही जवाब नहीं हो सकता है; यह आरटीएमपी का समर्थन नहीं करता है। यह केवल फ्लैश फ़ॉलबैक का समर्थन करता है, सादे पुराने HTTP/HTTPS पर वीडियो फ़ाइलों को चलाता है, जो आमतौर पर फ्लैश के संबंध में "स्ट्रीमिंग" कहने पर लोगों का मतलब नहीं होता है। उस ने कहा कि हम इसे डाउनलोड करने से पहले एक HTTP वीडियो खेलने के लिए उपयोग करने में सक्षम हैं। –

+0

@ChrisMoschini शायद वीडियोज [आरटीएमपी का समर्थन करता है] (http://blog.videojs.com/post/60471080014/video-js-4-2-0-released-rtmp-css-designer-and) अब। – ChrisW

0

मैं Flowplayer's HTML5 player का उपयोग कर सफलता मिली है। एक अनबन्धित प्रतिलिपि $ 95 खर्च करती है, लेकिन यदि आप वॉटरमार्क लोगो को ध्यान में रखते हैं तो यह मुफ़्त है। यह अच्छी तरह से बनाए रखा, दस्तावेज और समर्थित है।

यहाँ सेटअप मैं एक अमेज़न S3/स्ट्रीमिंग CloudFront सेटअप के साथ प्रयोग किया जाता है या नहीं:

<!-- JS setup --> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
<script type="text/javascript" src="/flowplayer/flowplayer.min.js"></script> 
<script type="text/javascript"> 
flowplayer.conf = { 
    swf: '/flowplayer/flowplayer.swf', 
    rtmp: 'rtmpe://XXXXXXXXXXXXX.cloudfront.net/cfx/st', 
    embed: false, 
    key: 'XXXXXXXXXXXX', 
    fullscreen: true, 
    tooltip: false, 
    native_fullscreen: true 
}; 
</script> 
<!--[if lt IE 9]><script src="/library/html5shiv.js"></script><![endif]--> 

<!-- Player --> 
<div id="streaming-embed-1366642298000-64v7ndxkzd" class="flowplayer no-volume no-mute play-button"> 
    <video> 
     <source type="video/flash" src="mp4:1366642298000-64v7ndxkzd"> 
     <source type="video/mp4" src="https://XXXXXXXXXXXXX.cloudfront.net/1366642298000-64v7ndxkzd.mp4"> 
     <source type="video/flv" src="https://XXXXXXXXXXXXX.cloudfront.net/1366642298000-64v7ndxkzd.flv"> 
    </video> 
</div><!--// end .flowplayer --> 

अस्वीकरण: मैं