2009-12-31 13 views
8

मुझे एक एप्लिकेशन को एक साथ रखने की आवश्यकता है जो एक वेब स्लाइड शो उत्पन्न करेगा।ऑडियो के साथ वेब स्लाइड शो करने के ब्राउज़र-अज्ञेय तरीके के विकल्प क्या हैं?

इसे एकाधिक छवियों (ब्राउज़र में) के बीच फैंसी संक्रमण करने में सक्षम होना चाहिए और उन छवियों को प्रदर्शित करते समय भी ऑडियो प्रदान करना होगा। ऑडियो समाप्त होने तक छवियों के बीच संक्रमण में देरी होनी चाहिए (प्रत्येक छवि का अपना ऑडियो ट्रैक होगा)।

इसे किसी प्रोग्राम के साथ भी बनाया जाना आवश्यक है, इसलिए कोई फैंसी जीयूआई डिजाइनर टूल्स नहीं - मैं केवल एक्सएमएल या सादा पाठ फाइलें उत्पन्न करने में सक्षम होना चाहता हूं जिसे या तो सीधे ब्राउज़र (ला ला jQuery) में लोड किया जा सकता है या संकलित किया जा सकता है एक स्वतंत्र रूप से वितरित उपकरण (एक ला ओपन Laszlo)।

मेरे सभी वेब काम आज तक जे 2 ईई रहे हैं, लेकिन मुझे लगता है कि मैंने कुछ समृद्ध क्लाइंट-साइड टूल्स की जांच की है। मैंने ओपन लाज़्लो और jQuery दोनों में एक त्वरित रूप से देखा है लेकिन मुझे यकीन नहीं है कि मैं ऑडियो के साथ स्लाइड्स को सिंक करने के बारे में कैसे जाऊंगा। मूल प्रक्रिया होगी:

  • ऑडियो ट्रैक को लात मारो।
  • छवि में संक्रमण।
  • ऑडियो ट्रैक समाप्त होने तक प्रतीक्षा करें।
  • कुल्ला और दोहराना।

क्या इस तरह की चीज jQuery के साथ संभव है? ऐसा लगता है कि डोम-मैनिपुलेशन सामग्री की एक बड़ी मात्रा है लेकिन मुझे ऑडियो सिंक्रनाइज़ेशन के बारे में कुछ भी स्पष्ट नहीं मिल रहा है।

यदि आपके पास है तो मैं अन्य सुझावों के लिए खुला हूं लेकिन स्वतंत्र रूप से वितरित करने योग्य टूल की आवश्यकता एक पूर्ण है। यह शायद एडोब फ्लैश प्रकार के अधिकांश समाधानों को रद्द कर देगा।

उत्तर

3

मैं आपके ऑडियो ईवेंट हैंडलर के रूप में jplayer http://www.happyworm.com/jquery/jplayer/ की अनुशंसा करता हूं। जेप्लेयर बहुत अच्छा है क्योंकि यह एचटीएमएल 5 ऑडियो का भी समर्थन करता है।

फिर आप एक छवि परिवर्तन को गति प्रदान करने jPlayer भीतर onSoundComplete कॉलबैक फ़ंक्शन का उपयोग कर सकते हैं। सूची में बहुत अधिक छवि स्क्रोलर/स्लाइड शो jQuery हैं, लेकिन व्यक्तिगत रूप से मुझे साइकिल पसंद है: http://malsup.com/jquery/cycle/

0

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

एएस 3 का उपयोग करके आप एक एक्सएमएल फ़ाइल लोड कर सकते हैं जो आपके स्लाइड शो का वर्णन करता है, उपयुक्त संपत्तियों को डाउनलोड करता है, जो भी समय आपको पसंद करता है और जो भी प्रभाव आप सोच सकते हैं उसे लिख सकते हैं।

0

हां, jQuery यह कर सकता है। ऑडियो के लिए, ओपेरा & आईई के लिए फ़्लैश फ़ॉलबैक के साथ HTML5 के ऑडियो टैग का उपयोग करें।

जब आप आईएमजी बदलते हैं, तो आप ऑडियो यूआरएल बदल सकते हैं।

+0

क्या आप "ऑडियो स्निपेट समाप्त हो गया है" ईवेंट को जाल कर सकते हैं? यह ऑडियो फ़ाइल का अंत है जो संक्रमण को अगले फ्रेम में ट्रिगर करना चाहिए, न कि दूसरी तरफ। – paxdiablo

+0

क्या आप क्लिप की लंबाई जानते हैं? – Matchu

2

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

तो यह आपका ऑडियो बैकएंड हो सकता है। पूरे दृश्य को नियंत्रित करने के लिए मैं वास्तव में jQuery चुनता हूं, लेकिन यह स्वाद का मामला है। सबसे आसान तरीका एक JSON फ़ाइल लाने के लिए होगा (और या तो "eval" या JSON2 Script के साथ पार्स) जिसमें सभी छवियां और ऑडियो यूआरएल शामिल हैं (या इसे सीधे अपने जेएस कोड या कुछ में उत्पन्न करें)। अपने साउंडमैनगर उदाहरण को प्राप्त क्लिप के साथ फ़ीड करें, अपनी कुछ या सभी छवियों को प्रीलोड करें और जाने के लिए तैयार हों।

जब छवि संक्रमण प्रभाव की बात आती है, तो आप jQuery/JS/HTML के साथ बहुत कुछ कर सकते हैं, लेकिन आप फ्लैश के साथ बहुत कुछ कर सकते हैं, जो पूरे प्रोजेक्ट के लिए फ्लैश और एक्शनस्क्रिप्ट का उपयोग करने के लिए मेरे प्रारंभिक सुझाव की ओर जाता है।

उम्मीद है कि यह थोड़ा सा भाग्य में मदद करता है!

पेज। जावास्क्रिप्ट/ऑडियो सिंक्रनाइज़ेशन के Here is an example। पृष्ठ एक संगीत रिकॉर्ड की नकल करने की कोशिश करता है (दुर्भाग्य से जर्मन में), एक गीत को समाप्त करने के लिए प्रतीक्षा करें;)।

0

यह शायद अधिक है लेकिन यदि पुनर्वितरण योग्य खिलाड़ी एक महत्वपूर्ण मानदंड है तो आप एकता का उपयोग करने का प्रयास कर सकते हैं। वेब प्लेयर free and freely redistributable है।

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