में कहीं दब गया सफारी प्रौद्योगिकी पूर्वावलोकन 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/
- 1
- 11
- 2018
- 2021
- 3d
- 3 डी रेंडरिंग
- 7
- 9
- 98
- a
- About
- इसके बारे में
- पहुँच
- को संबोधित
- करना
- सब
- की अनुमति देता है
- पहले ही
- और
- घोषणा
- किसी
- Apple
- AR
- आर्मस्ट्रांग
- चारों ओर
- विशेषताओं
- संवर्धित
- संवर्धित वास्तविकता
- संवर्धित वास्तविकता (एआर)
- संलेखन
- वापस
- गेंद
- बुनियादी
- मानना
- बेहतर
- के बीच
- जन्म
- Bullish
- बुलाया
- कैमरा
- मामला
- मामले का अध्ययन
- पकड़ा
- रंग
- टिप्पणियाँ
- समिति
- अपेक्षाकृत
- अंग
- घटकों
- संकल्पना
- संघर्ष
- सामग्री
- प्रसंग
- सका
- बनाया
- क्रॉस
- रिवाज
- देव
- सीधे
- डिस्प्ले
- दस्तावेज़
- डोम
- dont
- द्वारा
- नीचे
- मसौदा
- शीघ्र
- आसानी
- तत्व
- सक्षम बनाता है
- आदि
- और भी
- हर कोई
- सब कुछ
- उद्विकासी
- उदाहरण
- अपेक्षित
- अनुभव
- प्रयोग
- बाहरी
- आंख
- Feature
- आकृति
- पट्टिका
- फ़ाइलें
- प्रथम
- पीछा किया
- पैर
- पाया
- से
- 2021 से
- मज़ा
- उत्पन्न
- विशाल
- GitHub
- दी
- Go
- चला जाता है
- गूगल
- ऊंचाई
- होम
- कैसे
- तथापि
- एचटीएमएल
- HTTPS
- मैं करता हूँ
- विचार
- immersive
- में सुधार
- in
- एकीकरण
- इंटरैक्टिव
- ब्याज
- मुद्दों
- IT
- JOE
- छलांग
- जानना
- प्रकाश
- सीमित
- लाइन
- जुड़ा हुआ
- लिंक
- थोड़ा
- लोड हो रहा है
- देखिए
- देख
- लग रहा है
- लॉट
- मैक्रों
- बनाया गया
- बनाना
- बनाता है
- ढंग
- बहुत
- मीडिया
- केवल
- हो सकता है
- मन
- आदर्श
- मॉडल
- अधिक
- अधिकांश
- विभिन्न
- संग्रहालय
- आवश्यकता
- नया
- समाचार
- अगला
- नोट्स
- अति सूक्ष्म अंतर
- पुराना
- मूल
- अन्य
- अपना
- भाग
- फ़ोन
- प्लेसहोल्डर
- प्लेटो
- प्लेटो डेटा इंटेलिजेंस
- प्लेटोडाटा
- प्ले
- गरीब
- पूर्वावलोकन
- शायद
- एस्ट्रो मॉल
- प्रस्ताव
- प्रस्तावित
- संरक्षित
- प्रोटोटाइप
- प्रदान करना
- प्रदान करता है
- खींचती
- रखना
- त्वरित
- वास्तविकता
- पहचान
- और
- रिहा
- प्रतिपादन
- संसाधन
- Safari
- लगता है
- भावना
- साझा
- पक्ष
- होशियार
- So
- अब तक
- कुछ
- कोई
- कुछ हद तक
- कहीं न कहीं
- स्रोत
- अंतरिक्ष
- स्टैंडअलोन
- कदम
- भंडार
- सीधे
- अध्ययन
- आगामी
- ऐसा
- समर्थन
- समर्थित
- लेना
- में बात कर
- टेक्नोलॉजी
- RSI
- लेकिन हाल ही
- बात
- चीज़ें
- तीन
- यहाँ
- टाई
- पहर
- सेवा मेरे
- एक साथ
- उपकरण
- कुल
- <strong>उद्देश्य</strong>
- प्रकार
- आम तौर पर
- समझना
- वास्तविक
- आभासी वास्तविकता
- वीज़्युअल मीडिया
- vr
- W3
- वेब
- वेब घटक
- वेबकिट
- वेबसाइट
- क्या
- कौन कौन से
- जब
- तैयार
- अंदर
- आप
- आपका
- जेफिरनेट