सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज (उच्चारण स्माइल) एक एचटीएमएल जैसी मार्कअप भाषा है
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
सिन्क्रोनाइज़्ड मल्टीमीडिआ इन्टिग्रेशन लैंगवेज (उच्चारण स्माइल) एक HTML जैसी मार्कअप भाषा है| यह साधारण लेआउट में शक्तिशाली फौर्मैटिंग और समय का नियन्त्रण जोड़ती है| बिना महंगा और जटिल साफ्टवेअर खरीदे और बिना माहिर दृष्य सम्पादक या शब्द सम्पादक बने आप परिष्कृत आभास देने वाली प्रस्तुतियां बना सकते हैं| |
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
स्माइल W3C द्वारा निर्धारित एक विशेष विवरण है|
स्माइल "सिन्क्रोनाइज़्ड मल्टीमीडिआ इन्टिग्रेशन लैंग्वेज" का संक्षिप्त रूप है|
अन्तिम निर्देशों का अभाव| इसलिये साफ्टवेअरों का पूरा मानक नहीं है|
|
स्माइल फाइलें बनाने के मार्गनिर्देश
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
स्माइल फाइलें बनाने के मार्गनिर्देश स्माइल HTML से बहुत मिलती जुलती है| परन्तु कुछ अन्तर भी हैं| सभी टैग और एट्रीब्यूट लोअरकेस अक्षरों में होने चाहिये; कैपिटल अक्षरों में नहीं| जिस टैग का बन्द करने का टैग नहीं है उसे सीधे स्लैश '/' से बन्द करना चाहिये| जैसे <audio src=”will.au”/> हरएक ऐट्रिब्यूट का मूल्य दोहरे उद्धरण चिन्हों " " के अन्दर होना चाहिये जैसे "red”| फाइलों के नाम ठीक वैसे होने चाहिये जैसे सरवर पर हों| इनमें छोटे अक्षर लोअरकेस, बड़े अक्षर अपरकेस और मिलेजुले अक्षरों का भी प्रयोग कर सकते हैं| फाइलों के नामों में खाली स्थान स्पेस नहीं होना चाहिये| जैसे "will durant.smil" की अनुमति नहीं है लेकिन "will_durant.smil" की अनुमति है| स्माइल फाइलों के नामों में एक्सटेन्शन .smil या .smi हो सकते हैं| .smi में एक समस्या है कि यह एक्सटेन्शन कुछ अन्य प्रोग्राम भी प्रयोग करते हैं| इसलिये .smil अधिक उपयुक्त है| &, <, >, ', " आदि चिन्हो के लिये वही आस्काइ कोड प्रयोग करें जो HTML में करते हैं| स्माइल में भी कमैंट <!-- से आरम्भ और --> से बन्द होते हैं| अन्त में / नहीं लगाया जाता| <!-- यह एक कमेन्ट है| --> अल्पविराम कौमा स्पेस आदि की छोटी सी गलती भी प्रस्तुति को क्रैश कर देती है| जिन गलतियों को वेब ब्राउज़र अनदेखा कर देते हैं उन्हे स्माइल माफ नहीं करता और प्रस्तुति असफल रह जाती है| |
मीडिया की किस्में
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
एक स्माइल प्रस्तुति में कई मीडिया फाइलें इस्तेमाल हो सकती हैं| स्माइल फाइल इनको संजोने वाले माला के धागे की तरह है जिसमें मनकों की तरह मीडिया फाइल गुंथे होते हैं| |
|||
|
किस्म |
विवरण |
आकार |
बैंडविडथ |
|
|
सजीव एनिमेशन |
एनिमेशन क्लिप जैसे फ्लैश |
बदल सकती है |
|
|
|
श्रव्य |
आडियो फाइलें जैसे .mp3, .au |
कुछ नहीं |
34 केबीपीएस से 64 केबीपीएस |
|
|
चित्र |
JPEG jpg, GIF .gif, .png |
बैनर प्राय वैब पेज जितने चौड़े |
12 केबीपीएस |
|
|
लिखित सामग्री text |
.txt |
बदल सकती है |
1 केबीपीएस से कम |
|
|
चलचित्र |
RealVideo वीडियो आदि क्लिप |
भिन्न |
150 केबीपीएस से 256 केबीपीएस |
|
|
स्माइल प्रस्तुतियों में कई मीडिया के टुकड़े होते हैं| इनमें हरएक टुकड़ा कुछ बैंडविडथ खर्च करता है| इन सब बैंडविडथों के जोड़ के बराबर बैंडविडथ की आवश्यकता देखने वाले के मीडिया प्लेयर साफ्टवेअर को होती है| एक साथ दिखने वाले सभी मीडिया के क्लिपों की बैंडविडथों का जोड़ दर्शक को उपलब्ध बैंडविडथ से अधिक नहीं होना चाहिये| इसके अतिरिक्त अलग अलग क्लिपों का आकार भी इतना कम होना चाहिये कि प्रस्तुति चलते समय झटके से न चले| |
||||
स्माइल फाइल का नक्शा
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
स्माइल फाइल तीन काम कर सकती है| यह मीडिया फाइलों और डाटा फाइलों के स्रोत्र दिखा सकती है| पूरी प्रस्तुति की समयसारिणी या टाइमलाइन का ढांचा बना सकती है| आवश्यक टैग स्माइल मार्कअप के आरम्भ में <smil> टैग और अन्त में बन्द करने का </smil> टैग होता है| मार्कअप में <head></head> और <body></body> भाग भी होते हैं| <smil> <head></head> <body> </body> </smil> <head></head> भाग में प्रस्तुति के प्रदर्शित होने के स्थान की परिभाषाएँ रहती हैं| <body> भाग में सभी मीडिया के टुकड़ों की फाइलों के नाम path के साथ दिये जाते हैं| जैसे: <text src=”C://program/willt.txt”/> <video src=”willv/wv1.rm”/> <audio src=”c://program_files/willa.au”/> स्माइल फाइल की सहायता से मीडिया क्लिपों को एक के बाद एक सरलता से दिखा सकते हैं| जैसे: <smil> <head></head> <body> <!-- कृपया फाइलों के नाम और पाथ बदल दें| --> <text src=”C://will/durant/wassay.txt/> <audio src=”C://will/durant/wpicture.png”/> </body> </smil> |
मीडिया की किस्म
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
मीडिया की किस्म इस् प्रकार पहले मीडिया की किस्म लिखते हैं| उसके बाद उस फाइल का पाथ और नाम एबसोल्यूट या रिलेटिव फिर /> लिखते हैं| निम्न प्रकार के मीडिया लिये जा सकते हैं| animation एनिमेशन क्लिप जैसे .swf audio ध्वनि क्लिप जैसे .au, .mp3 img चित्र क्लिप जैसे .jpg, .png, .gif video चलचित्र क्लिप text टैक्स्ट क्लिप जैसे .txt textstream चलता हुआ टैक्स्ट क्लिप. ref अन्य किसमों के क्लिप
स्माइल एक के बाद एक क्लिप दिखा सकती है| यह सबसे सरल तरीका है| इसके अतिरिक्त स्माइल प्रस्तुति के लिये नक्शे या लेआउट की भी परिभाषा कर सकती है| स्क्रीन पर कौन सा क्लिप कहाँ दिखेगा यह नक्शा निर्धारित करता है| इससे कई क्लिप एक ही समय परन्तु अलग अलग स्थान पर दिख सकते हैं| स्माइल फाइल में हैडर में <layout> और </layout> टैग होते हैं| इनके बीच <root-layout/> टैग में परिभाषा होती है कि सारा प्लेबैक किस क्षेत्र में कितने पिक्सल में होगा| कुछ अन्य क्षेत्रों की परिभाषा भी यहाँ होती है|
|
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
400 पिक्सल चौड़ा और 300 पिक्सल ऊँचा <root-layout> इस प्रकार बनेगा: <smil> <head> <layout> <root-layout width=”400” height=”300”/> </layout> </head> <body> <!-- मीडिया के टैग यहाँ आएंगे| --> </body> </smil> root-layout में कुल प्रस्तुति के क्षेत्रों की परिभाषा होती है| जिन क्षेत्रों में चित्र टैक्स्ट आदि दिखाने हों उनकी अलग परिभाषाएँ भी की जाती हैं| इसके लिये <region> टैग काम आते हैं| हरएक रीजन टैग में एक id नाम होता है| इस नाम से उस रीजन को बाडी भाग में सम्बोधित कर सकते हैं| रीजन टैग में उस क्षेत्र का उपरी सिरा, बांया सिरा, चौड़ाई और ऊँचाई गुणों के मूल्य भी होते हैं| प्लेबैक रीजन की परिभाषाएँ एक कोआर्डिनेट प्रणाली में दी जाती हैं| इस प्रणाली में ऊपर का बांया कोना 0, 0 गिनते हैं| दाहिनी ओर बढ़ने पर पहला अंक x बढ़ता है और नीचे जाने पर दूसरा अंक y बढ़ता है| माप का पैमाना पिक्सल या प्रतिशत हो सकता है| रूट लेआउट क्षेत्र के भीतर ही सभी प्लेबैक क्षेत्र होने चाहिये| यदि इनका कोई हिस्सा रूट लेआउट क्षेत्र के बाहर हो तो वह दिखाई नहीं देता| एक उदाहरण देखिये: <smil> <head> <layout> <root-layout width=”400” height=”300”/>
</head> <body> <!-- मीडिया के टैग यहाँ आएंगे| --> </body> </smil> दोनो क्षेत्र या रीजन ऊपर की ओर बाएं और दाहिने एक ही ऊंचाई पर आएंगे|
|
प्लेबैक क्षेत्र
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
मूल लेआउट के अतिरिक्त प्रस्तुति के उन सभी क्षेत्रों की परिभाषा जरूरी है जहां आप मीडिया दिखाना चाहें| ध्वनि या आडियो के लिये क्षेत्र नहीं दिया जाता क्योंकि ध्वानि मानिटर पर जगह नहीं घेरती| जिन क्षेत्रों में अलग अलग मीडिया दिखेंगे, उनकी भी परिभाषाएं आवश्यक हैं| ये परिभाषाएं लेआउट भाग में <region> टैग में की जाते हैं| हरएक रीजन टैग में एक id नाम होता है| यह क्षेत्र इसी नाम से बाडी भाग में बुलाया जाता है| रीजन टैग में बांया सिरा, ऊपर का सिरा, चौड़ाई और ऊँचाई के नम्बर भी होते हैं| कोआर्डिनेट प्रणाली का प्रयॊग करके उन क्षेत्रों की भी परिभाषा हो सकती है जो एक दूसरे का कुछ अंश ढकते हैं| ऐसे क्षेत्रों के लिये लेअरों का सिलसिला भी देना चाहिये| वरना सबसे पहले परिभाषित लेअर सबसे नीचे आता है| उसके बाद का लेअर उसके ऊपर आता है| इसी सिलसिले में रखते हुए आखिरी लेअर सबसे ऊपर दिखाई देता है| आप z-index गुण से हरएक रीजन को एक संख्या दे सकते हैं| जैसे z-index=”3” या z-index=”77” जिस रीजन की संख्या जितनी बड़ी होगी वह रीजन सिलसिले में उतना ऊपर आएगा| इस तरह 0 z-index वाला रीजन सबसे नीचे के लेअर में आएगा| <smil> <head> <layout> <root-layout width=”400” height=”300”/>
</head> <body> <!-- मीडिया के टैग यहाँ आएंगे --> </body> </smil> |
पृष्ठभूमि का रंग
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
रूट लेआउट क्षेत्र में पृष्ठभूमि का रंग साधारणतः काला होता है| अन्य क्षेत्रों में पृष्ठ्भूमि पहले पारदर्शी होती है| लेआउट टैग से आप किसी भी क्षेत्र की पृष्ठभूमि का रंग बदल सकते हैं| जैसे <smil> <head> <layout> <root-layout
width=”400” height=”300”
</head> <body><!-- मीडिया के टैग यहां आएँगे --></body> </smil>
रंग के मूल्य के लिये आप एचटीएमएल से स्वीकृत कोई भी हैक्साडैसिमल संख्या #RRGGBB रख सकते हैं| आप 16 आधार रंगो के नाम जैसे red, green आदि भी प्रयोग कर सकते हैं| |
समय का नियन्त्रण
समकालीन मीडिया
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
समय का नियन्त्रण प्लेबैक क्षेत्र यह परिभाषा कर सकते हैं कि मीडिया किस स्थान पर दिखे लेकिन यह नहीं कि किस समय दिखे| यदि समय के लिये कोई आदेश न हो तो मीडिया एक के बाद एक चलेंगे| यदि आप कई मीडिया एक साथ दिखाना चाहते हैं तो आप टाइमिंग टैग प्रयोग कर सकते हैं| समकालीन टैग <par> से आप ऐसा कर सकते हैं| उदाहरणार्थः <smil> <head></head> <body> <par>
<text src=”C://will/Durant/wassay.txt”/> <audio src=”C://will/Durant/wsong.mp3”/> <img src=”C://will/Durant/wpicture.png”/>
</par> </body> </smil> इन चलते हुए मीडिया को एक साथ रोकने के लिये endsync गुण रख सकते हैं| अगर सबसे पहले समाप्त होने वाले मीडियम के साथ ही समान्तर समूह को रोकना हो तो endsycn=”first” मूल्य रखेंगे| इसमें यदि कोई दूसरा मीडियम आधा ही चला हो तो भी वह वहीं बन्द हो जाएगा| यदि आप चाहते हैं कि सभी मीडिया पूरे चलने के बाद ही समूह बन्द हो तो गुण का मूल्य endsync=”last” रखेंगे| यदि endsync का कोई मूल्य न दिया जाय तो ”last” ही माना जाएगा| यदि आप किसी विशेष मीडियम के पूरा होते ही समूह को रोकना चाहते हैं तो उस मीडियम की id दे सकते हैं| endsync="id(<!-- यहां id का नाम दीजिये -->)”| यह id किसी उचित क्लिप की अवश्य होनी चाहिये| |
सिलसिलेवार मीडिया
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
sequence टैग दिखाता है कि कुछ क्लिप एक के बाद एक आएं| <seq> और </seq> टैगों कॆ बीच इन क्लिपों का नाम और संदर्भ आना चाहिये| यदि सारे मीडिया सिलसिलेवार हों तॊ इस् टैग की आवश्यकता नहीं है क्योंकि जब समय का कोई टैग न हो तो सीक्वेस टैग माना जाता है| <sequence> टैग <parallel> टैग के साथ प्रयोग हो सकता है| जैसे: <seq> <audio src=”C://will/Durant/wsong.mp3”/> <text src=”C://will/Durant/wassay.txt”/>
<par> <img
<text
</par>
<img
region =
</seq> <!-- कृपया यहां फाइलों के नाम और पाथ बदल दें| --> पहले ध्वनि wsong.mp3 आएगी| उसके बाद टैक्स्ट wassay.txt आएगा| उसके बाद एक साथ दो मीडिया आएंगे चित्र wpicture.png और टैक्स्ट wassay2.txt | उन दोनो के बाद अन्त में एक चित्र wpicture2.png आएगा|
|
begin और end टैग
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
बिगिन और एन्ड टैग नियन्त्रण कर सकते हैं कि एक या एक से अधिक क्लिप किस समय आरम्भ हों और् कब रुकें| आपको यह छूट है कि मीडियम के पूरा होने से पहले या बाद का एन्ड टैग दें| बिगिन टैग src के साथ आता है| जैसे: <text src=”C://will/Durant/wassay2.txt” begin=”14.5”/> यह मीडियम आपने समय से 14.5 सेकेन्ड बाद आरम्भ होगा| यदि यह <par> में हो तो यह समूह के आरम्भ के समय से 14.5 सेकेन्ड बाद आरम्भ होगा | यदि यह किसी सीक्वेंस में हो तो इसके बाद आने वाले मीडिया भी इतनी देर 14.5 सेकेन्ड बाद आरम्भ होंगे|| बिगिन के साथ आप एन्ड टैग भी दे सकते हैं| <text src=”C://will/Durant/wassay2.txt” begin=”14.5” end=”19.6”/> यह मीडियम अपने समूह के आरम्भ होने के समय के 19.6 सेकेन्ड बाद रुक जाएगा अर्थात यह मीडियम कुल 5.1 सेकिन्ड चलेगा चाहे इसकी लम्बाई 5.1 सेकिन्ड से कम हो या अधिक|
अवधि गुण dur से भी मीडियम का समय नियन्त्रित हो सकता है| इसमें begin या end की आवश्यकता नहीं है| कई मीडिया एक के बाद एक <seq> और dur गुण से चलाये जा सकते हैं|
क्लिप को काट कर चलाना clip-begin और clip-end से आप क्लिप का आरम्भ और अन्त का हिस्सा छोड़ कर बीच का हिस्सा दिखा सकते हैं| इसलिये इसे स्थिर मीडिया जैसे चित्र के लिये नहीं लिखना चाहिये| <audio src=”C://will/Durant/wsong.mp3” clip-begin=”2s” clip-end=”1s”/> इस क्लिप के आरम्भ के दो सेकिन्ड कूद कर सीधे तीसरे सेकिन्ड से ध्वनि आरम्भ होगी| यह केवल एक सेकिन्ड ही सुनाई देगी| |
दोहराना और भरना
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
रिपीट और फिल नियन्त्रण करते हैं कि क्लिप रुकने के बाद कैसा दृष्य हो| दोहराने के लिये repeat गुण का प्रयॊग हॊता है| जैसे repeat=”8” से मीडियम 8 बार दोहराया जाएगा| इसे src के साथ रख सकते हैं| उदाहरणार्थ नीचे वाली ध्वनि 5 बार दोहराई जाएगी| <audio src=”C://will/Durant/wsong.mp3”repeat=”5”/> यदि क्लिप के लिये अन्त या अवधि गुण end या dur parameterदिया हो तो मीडिया का चलना प्रभावित हॊ सकता है| यदि निम्नलिखित ध्वनि 4 सेकिन्ड लम्बी हो तो ध्वनि 3 सेकिन्ड सुनाई देगी उसके बाद 1 सेकिन्ड खाली जाएगा| यही चक्र 7 बार दोहराया जाएगा| <audio src=”C://will/Durant/wsong.mp3” repeat=”7” dur=”3”/> यदि आप मीडिया को खाली समय में दोहराना नहीं चाहते तो आप फिल गुण से इसे हटा सकते हैं या स्थिर कर सकते हैं| fill=”remove” मीडिया को हटा दॆता है| जब कोई फिल न हो तो डिफाल्ट remove माना जाता है| यदि यह स्थिर चित्र के साथ हो तो निर्धारित समय के बाद चित्र मानीटर से हट जाएगा| |
नीचे लिखे प्रोग्राम को नकल कर के अभ्यास करें और बदल कर देखें|
पहला अभ्यास
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
<smil> <head> <layout> <root-layout width="540" height="360" background-color="#FFEEDD" title="will way" /> <region id="top1" width="520" height="14" left="5" top="5" z-index="2" background-color="#ddeeff" /> <region id="wpic1" width="540" height="120" left="11" top="20" z-index="3" /> </layout>
</head>
<body> <!-- कृपया फाइलों के नाम और पाथ बदल दें| -->
<audio src="waudio/ws1.mp3" dur="3" /> <img id="wpic1" src="wpict/wp1.JPG" dur="3" /> </body> </smil> |
दूसरा अभ्यास
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
नीचे लिखे प्रोग्राम को नकल कर के अभ्यास करें और बदल कर देखें|
<!-- कृपया फाइलों के नाम और पाथ बदल दें| -->
|
तीसरा अभ्यास
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
नीचे लिखे प्रोग्राम को नकल कर के अभ्यास करें और बदल कर देखें|
<!-- कृपया फाइलों के नाम और पाथ बदल दें| -->
|
चौथा अभ्यास
|
सिन्क्रोनाइज़्ड मल्टीमीडिया इन्टिग्रेशन लैंगवेज
|
<smil> <head> <meta name="title" content="smil" /> <meta name="author" content="Will" />
<layout> <root-layout width="480" height="450" background-color="#ccddee" /> <region id="top1" width="480" height="120" left="5" top="5" z-index="2" /> <region id="wsound1" width="240" height="180" left="330" top="122" z-index="9" background-color="#eeddff"/> <region id="a1" width="480" height="180" left="0" top="75" z-index="3" background-color="#ddeeff"/> <region id="a2" width="480" height="180" left="0" top="75" z-index="4" /> <region id="a3" width="480" height="28" left="0" top="75" z-index="5" /> </layout> </head> <body> <!-- कृपया फाइलों के नाम और पाथ बदल दें| --> <par endsync="first"> <img src= "wpict/wp1.jpg" region="top1" begin="1s" end="6s" fill="freeze" /> <audio region="wsound1" src="waudio/ws8.mp3" end="10" /> <img src="wpict/wp2.jpg" region="a1" begin="1s" end="6s" fill="freeze" />
<seq> <img src="wpict/wp2.jpg" region="a2" begin="1s" dur="10s" /> <img src="wpict/wp3.jpg" region="a3" dur="25s" /> <img src="wpict/wp4.jpg" region="a4" dur="4s" fill="freeze" /> </seq> </par> </body> </smil> |
Bookmark SMIL Tutorial
Latest Blog Posts
Copyright 2009 Tech-FAQ. All rights reserved. Privacy Policy. |
