में कहीं दब गया सफारी प्रौद्योगिकी पूर्वावलोकन 161 रिलीज नोट एक नए HTML तत्व और विशेषता के लिए समर्थन के बारे में एक प्रतीत होता है सहज रेखा है:
के लिए समर्थन जोड़ा गया
<model src>और सम्मान<source type>गुण ([ईमेल संरक्षित])
जब भी मैं किसी ऐसे तत्व का उल्लेख देखता हूं जिसे मैं नहीं पहचानता, तो मेरा दिमाग सीधे उस पर चला जाता है हुह! मेरे लिए नया है, लेकिन शायद सभी के लिए पुराना समाचार है. मुझे पता है, यह खराब आसन है, क्योंकि यह उतनी ही आसानी से हो सकता है:
- हम्म, कुछ मालिकाना प्रयोग जैसा लगता है।
- वाह, बिल्कुल नई बात!
सच तो यह है, यह तीनों तरह का है।
यह एक विकसित अवधारणा है
के रूप में, पहली कुछ हद तक आधिकारिक-लगने वाली चीज़ जो मुझे मिली <model> W3C स्पेक में नहीं था लेकिन अंदर था समझाने वालों के लिए वेबकिट का रेपो. रीडमे में जो कुछ भी है वह 2021 से एक विशाल नोट है कि "द <model> तत्व इमर्सिव वेब सीजी में स्थानांतरित हो गया है। मैं कूदने वाला था लेकिन मेरी नजर उस पर पड़ी HistoryAndEvolution.md फ़ाइल जिसमें प्रारंभिक संदर्भ का एक अच्छा ठहरनेवाला है <model> अवधारणा:
RSI
<model>तत्व अगला कदम उठाने और आईओएस के साथ सफारी के एकीकरण के अनुभव को बेहतर बनाने की इच्छा से पैदा हुआ था एआर क्विक लुक सुविधा.
मुझे AR क्विक लुक के लिए Apple के स्प्लैश पेज को देखना था। आप नई सुविधा जानते हैं कि कुछ दुकानों में आप अपने फ़ोन कैमरे का उपयोग करके किसी उत्पाद के 3D रेंडरिंग को अपने घर में स्थानांतरित कर सकते हैं? हम जिस तरह के सामान के बारे में बात कर रहे हैं, और Apple मेट्रोपॉलिटन म्यूज़ियम ऑफ़ आर्ट से एक अच्छी केस स्टडी को लिंक करता है.
जैसा कि मैं इसे इस सीमित संदर्भ से समझता हूं:
- ड्रॉप ए
<model>दस्तावेज़ में तत्व। - एक बाहरी स्रोत फ़ाइल जोड़ें, जैसे
<model src="assets/example.usdz">.
मूल प्रस्ताव इमर्सिव वेब कमेटी ग्रुप का है
वह टीम है आभासी वास्तविकता (वीआर) और संवर्धित वास्तविकता (एआर) को वेब का हिस्सा बनाना चाहते हैं। Apple ने उनके रेपो को लिंक किया, इसलिए मैंने छलांग लगाई और चला गया सीधे व्याख्याता के पास. यह युक्ति या कुछ भी नहीं है, बल्कि मूल प्रस्ताव है। तत्व की एक बेहतर परिभाषा!
एचटीएमएल तत्वों के माध्यम से कई मीडिया प्रकारों के प्रदर्शन की अनुमति देता है जैसे
<img>,<picture>या,<video>, लेकिन यह 3डी सामग्री को सीधे प्रदर्शित करने के लिए एक घोषणात्मक तरीका प्रदान नहीं करता है। एक पृष्ठ के भीतर 3डी सामग्री एम्बेड करना तुलनात्मक रूप से बोझिल है और स्क्रिप्टिंग पर निर्भर करता है<canvas>तत्व। हमारा मानना है कि यह 3डी मॉडल को अन्य, पहले से समर्थित, मीडिया प्रकारों के साथ समान स्तर पर रखने का समय है।[...]
HTML
<model>एलिमेंट का उद्देश्य किसी वेबसाइट को इंटरएक्टिव 3डी मॉडल को किसी भी अन्य विज़ुअल मीडिया की तरह आसानी से एम्बेड करने की अनुमति देना है। मॉडल के 3D संलेखन उपकरण द्वारा बनाए जाने या गतिशील रूप से उत्पन्न होने की अपेक्षा की जाती है, लेकिन सर्वर द्वारा एक स्टैंडअलोन संसाधन के रूप में कार्य किया जाता है।
मूल उदाहरण इसे एक साथ खींचता है। यह वास्तव में ऐसा लगता है <video> or <picture> तत्वों:
<model style="width: 400px; height: 300px"> <source src="assets/example.usdz" type="model/vnd.usdz+zip"> <source src="assets/example.glb" type="model/gltf-binary">
</model>.usdz? .glb? उस प्रकार की फाइलें नहीं जो आम तौर पर मेरी मेज पर आती हैं। मुझे लगता है कि मुझे उन पर और किसी भी अन्य फ़ाइल प्रकारों पर ब्रश करने की आवश्यकता होगी <model> समर्थन कर सकता है। पुनः, यह सब केवल मूल प्रस्ताव है।
मसौदा प्रस्ताव अभी तक समाप्त नहीं हुआ है
लेकिन यह करता है एक अच्छी रूपरेखा प्रदान करें जहां चीजें संभवत: जा सकती हैं:
- एक दस्तावेज़ में एक मॉडल जोड़ना
- अन्तरक्रियाशीलता को सक्षम करना
- कई स्वरूपों का समर्थन
- फ़ॉलबैक सामग्री प्रदान करना
- इसे सुलभ बनाना
पता लगाने के लिए बहुत कुछ है। जो कुछ है उनमें से अधिकांश प्रलेखित मुद्दे हैं जिन्हें संबोधित करने की आवश्यकता है। हालाँकि, यह अधिक प्रकाश डालता है <model> प्रस्तावित विशेषताओं की तरह जो इसे समान महसूस कराते हैं अधिक पसंद <video> जैसे autoplay, controls, loop, muted, poster, आदि
यह और भी पीछे चला जाता है
मुझे 3डी मॉडलिंग का सबसे पहला उल्लेख मिला था कीथ क्लार्क की 2018 पोस्ट जिसमें वह नामक एक कस्टम तत्व को प्रोटोटाइप करता है <x-model>. वह इसे "एक प्लेसहोल्डर के रूप में वर्णित करता है जो DOM और CSSOM तक पहुंच प्रदान करता है" जहां लोडिंग और रेंडरिंग किया जाता है Three.js.
कीथ के विचार का पालन किया जाता है <model-viewer> घटक जो मेडले ने 2020 में साझा किया (और एक अनुवर्ती अद्यतन इसे)। वहाँ भी एक है इसके लिए होमपेज और नील आर्मस्ट्रांग को अंतरिक्ष में घसीटना मजेदार है।
यह शायद सिर्फ एक प्रयोग है?
मेरा मतलब है, मसौदा कल्पना को दूर नहीं किया गया है। सफारी टीपी 161 घोषणा के लिए एप्पल गेंद को खेलने के लिए तैयार लगता है। यह कुल समझ में आता है AR पर Apple कितना उत्साहित है पूरा का पूरा। (ऐप्पल चश्मा, किसी को?)
ऐसा लगता है कि Google चीजों के वेब घटक पक्ष पर यद्यपि दरवाजे में अपना पैर रखता है। यह देखना आसान है कि वेब पर AR से Apple और Google क्या चाहते हैं, इसके बीच हितों का टकराव कैसे हो सकता है।
ये सब कुछ मेरे नोट्स हैं जो सब कुछ टटोलने की कोशिश कर रहे हैं। अब तक मैं इसके बारे में जितना कम जानता हूं, इसकी तुलना में इसमें बहुत अधिक सूक्ष्मताएं होनी चाहिए। मुझे यकीन है कि कोई होशियार व्यक्ति ज्यादा अच्छे से धनुष बांध सकता है <model> टिप्पणियों में। 😉
और जब हम बात कर रहे हैं सफारी प्रौद्योगिकी पूर्वावलोकन की, 162 अभी दूसरे दिन जारी किया गया और यह सक्षम बनाता है सीएसएस नेस्टिंग और सीएसएस सापेक्ष रंग सिंटैक्स.
- एसईओ संचालित सामग्री और पीआर वितरण। आज ही प्रवर्धित हो जाओ।
- प्लेटोब्लॉकचैन। Web3 मेटावर्स इंटेलिजेंस। ज्ञान प्रवर्धित। यहां पहुंचें।
- स्रोत: https://css-tricks.com/ar-vr-and-a-model-for-3d-in-html/
