2016-04-01 20 views
9

का उपयोग कर छद्म छतों पर ध्वनि मैंने कुछ ऐसा पढ़ा जो मेरे दिमाग को उड़ाता है और मैं पूछना चाहता हूं कि यह संभव है या नहीं।सीएसएस

w3school docscontent विशेषता के अनुसार एक url मूल्य जो एक ध्वनि हो सकता है ले जा सकते हैं?

url (यूआरएल) सामग्री सेट

मूल्य MDN

के अनुसार मीडिया (एक छवि, एक ध्वनि, वीडियो, आदि)

किसी तरह का होना करने के लिए एक यूआरआई है जो बाहरी संसाधन को निर्दिष्ट करता है (जैसे छवि)। अगर संसाधन या छवि प्रदर्शित नहीं की जा सकती है, तो यह अनदेखा है या कुछ प्लेसहोल्डर दिखाई देता है।

तो मैं यह

content: url('http://www.w3schools.com/html/horse.ogg');

की कोशिश की और कुछ नहीं होता। मेरा सवाल है, क्या सीएसएस का उपयोग करके ध्वनि प्रभावों को ट्रिगर करना संभव है या यह w3schools डॉक्स में सिर्फ एक गलती है?

संपादित करें: जब इस उपयोगी हो सकता है पर एक उदाहरण:

के पाठ्यक्रम आप जे एस का उपयोग कर लगता है ट्रिगर कर सकते हैं, लेकिन वहाँ मामलों है कि आप जावास्क्रिप्ट का उपयोग करने की अनुमति नहीं या उपयोगकर्ता सक्षम जावास्क्रिप्ट नहीं किया हैं । तो कल्पना करें कि आप किसी तीसरे वेबसाइट पर एक तत्व की सेवा करते हैं और आपको केवल HTML + CSS (उदा। बैनर) का उपयोग करने की अनुमति है, यदि content वास्तव में ध्वनि स्वीकार करता है तो यह छद्म तत्वों के होवर पर ध्वनि प्रभाव को ट्रिगर करना संभव होगा।

+2

यदि यह काम करता है, तो अपेक्षित आउटपुट क्या होगा? आप ऑडियो को नियंत्रित करने के बारे में भी कैसे जाएंगे? – noahnu

+1

@noahnu होवर पर एक ध्वनि प्रभाव ट्रिगर। –

+2

[डब्ल्यू 3 सी लिखते हैं] (https://www.w3.org/TR/css3-content/): 'एक और आम प्रभाव छवियों या अन्य मल्टीमीडिया सामग्री के साथ तत्वों को बदल रहा है। चूंकि सभी उपयोगकर्ता एजेंट सभी मल्टीमीडिया प्रारूपों का समर्थन नहीं करते हैं, इसलिए फ़ॉलबैक प्रदान करना पड़ सकता है। –

उत्तर

5

CSS2.1 कहते

मूल्य यूआरआई (जैसे कि एक छवि के रूप में) एक बाहरी संसाधन निर्दिष्ट करता है। यदि उपयोगकर्ता एजेंट संसाधन प्रदर्शित नहीं कर सकता है तो उसे या तो इसे छोड़ देना चाहिए जैसे कि यह निर्दिष्ट नहीं किया गया था या कुछ संकेत प्रदर्शित करता है कि संसाधन प्रदर्शित नहीं किया जा सकता है।

वर्ष CSS3 Generated and Replaced Content Module काम कर मसौदा (2003) कहते हैं

अगर यूआरआई, उपलब्ध है और प्रारूप का समर्थन किया है, तो तत्व या छद्म तत्व एक प्रतिस्थापित तत्व बन जाता है, अन्यथा अगले आइटम अल्पविराम से अलग सूची में का उपयोग किया जाता है, यदि कोई हो।

पिछले अल्पविराम में यूआरआई के अलावा अन्य यूआरआई के लिए, मूल्य की धारा अलग करता है, तो यूआरआई उपलब्ध है और:

नए CSS Generated Content Module Level 3 संपादक की मसौदा (कार्यान्वयन के लिए तैयार नहीं) मूलतः एक ही कहते हैं प्रारूप समर्थित है, तो तत्व या छद्म-तत्व एक प्रतिस्थापित तत्व बन जाता है, अन्यथा, अल्पविराम से अलग सूची में अगला आइटम उपयोग किया जाता है, यदि कोई हो।

तो ऐसा लगता है कि ब्राउज़र ध्वनि का समर्थन करने और <audio> जैसे प्रतिस्थापित तत्व के रूप में प्रस्तुत करने का निर्णय ले सकते हैं। लेकिन शायद वे नहीं करेंगे।

+1

यदि कोई ब्राउज़र 'सामग्री' में ऑडियो का समर्थन करने का निर्णय लेता है, तो मुझे लगता है कि ऑडियो को नियंत्रित करने के लिए अतिरिक्त सीएसएस गुणों के बिना यह बहुत प्रभावी नहीं होगा [विशेषताओं] (https://developer.mozilla.org/en/docs/Web/HTML/Element/audio#Attributes)। – noahnu

2

W3C spec थोड़ा पढ़ता अलग ढंग से

मूल्य यूआरआई (जैसे कि एक छवि के रूप में) एक बाहरी संसाधन निर्दिष्ट करता है। यदि उपयोगकर्ता एजेंट संसाधन प्रदर्शित नहीं कर सकता है तो उसे या तो इसे छोड़ देना चाहिए जैसे कि यह निर्दिष्ट नहीं किया गया था या कुछ संकेत प्रदर्शित नहीं किया गया था कि संसाधन प्रदर्शित नहीं किया जा सकता है।

वहाँ ध्वनि के लिए कोई संदर्भ है, वहाँ है कि कैसे प्रदर्शित होता है के रूप में कोई संकेत नहीं है है ... अगर यह संभव थे/ध्वनि/सक्रिय करें ... और, सबसे अच्छे रूप, वर्तमान में, कि लागू करने के लिए ब्राउज़र पर होगा।

तो ... तर्कसंगत रूप से, डब्ल्यू 3 स्कूल्स को यह गलत मिला .... पहली बार नहीं।

+0

"मीडिया" का मान "सब" है और "सभी" के लिंक में "मीडिया प्रकार" में "ध्वनि" शामिल है: https://www.w3.org/TR/CSS2/media.html#all-media- समूह – Rob

+0

@Rob ऐसा नहीं है कि आपके मीडिया/सीएसएस को "मीडिया" पर संदर्भित किया जा रहा है? '@media स्क्रीन/प्रिंट' आदि में उपयोग के लिए ... – noahnu