वीडियो की गतिशील और अंतहीन प्लेलिस्ट

Question

मैं छोटे वीडियो की गतिशील सूची से बनाई गई वेबसाइट पर एक वीडियो दिखाना चाहता हूं। उदाहरण के लिए, वीडियो में 10 छोटे वीडियो (1, 2, 3, 4 ...) होंगे, और उनमें से प्रत्येक अलग हो सकता है (1 ए, 1 बी, 1 सी, 1 डी ... 2 ए, 2 बी, 2 सी .. 3 ए)। तो परिणाम 1 सी -2 बी -3 एफ -4 ए होगा ...

जैसा कि आप कल्पना करते हैं, सभी संभावित संयोजनों को पूर्वनिर्धारित करने में उनमें से हजारों को शामिल करना शामिल होगा ताकि विचार इसे गतिशील रख सके। यह कैसे करना है इस पर सबसे अच्छा टूल/भाषा क्या है इस पर कोई विचार?

यह महत्वपूर्ण है कि उनके बीच कोई अंतराल न हो ताकि वे एक जैसा महसूस कर सकें।

विकल्प मैं विचार कर रहा हूँ: - फ्लैश पर पहले से लोड फिल्में (AS3) - एचटीएमएल 5 (और कुछ जे एस) पर पहले से लोड वीडियो तत्वों - यूट्यूब के एपीआई का उपयोग करना (अपने बैंडविड्थ उपयोग करने के लिए) - कुछ के साथ ऊपर का कोई भी गति-जागरूक कैशिंग

Answer 1

मैं फ्लैश के साथ स्ट्रीमिंग का सुझाव दूंगा। कोई सटीक नहीं किया जाता है, इसलिए स्थानांतरित डेटा केवल उपयोगकर्ता को प्रदर्शित डेटा है, यह खपत के मामले में बहुत प्रभावी है।

मैंने फ्लैश स्ट्रीमिंग के साथ खेला है और आप जो करने की कोशिश कर रहे हैं वह बहुत दूर नहीं है, और न ही इसे बहुत सारे काम की आवश्यकता है। यह APPEND transition के साथ कई stream.play2() commands देने जितना आसान हो सकता है।

यदि आप इसके लिए नए हैं, तो यहां एक अच्छा प्रारंभिक लेख है: http://www.adobe.com/devnet/flash/articles/video_playlist.html। साथ ही, नमूने आपको त्वरित शुरुआत और एक विचार दे सकते हैं कि उपयोगकर्ता अनुभव आपकी मांगों पर निर्भर करेगा या नहीं।

Answer 2

मुझे एक समान समस्या थी, लेकिन मेरे प्लेबैक उपयोगकर्ताओं द्वारा ट्रिगर किया गया था। किसी भी तरह से, मेरे लिए समस्या का हल क्या हुआ, canplaythrough घटना थी। यह आपकी मदद कर सकता है:

function swapVideos(source, target) { 
    target.get(0).play(); 
    target.bind('canplaythrough', function() { 
     target.offset({ 
      top : videoTop, 
      left : videoLeft 
     }); 
     source.offset({ 
      top : 20080, 
      left : 20920 
     }); 
     source.get(0).pause(); 
     var aux = topVideo; 
     topVideo = bottomVideo; 
     bottomVideo = aux; 

    target.unbind('canplaytrough'); 
    }); 
}