ऑडियो प्लेयर वही है जो आपके विज़िटर देखते और क्लिक करते हैं। आप इसके रंग, पेज पर इसकी स्थिति, इसका आकार, और दिखने वाले कंट्रोल बदल सकते हैं। सेव करने से पहले लाइव प्रीव्यू देखें।
Player सेटिंग्स पेज खोलें
टेक्स्ट टू स्पीच → Player पर जाएं। यह पेज पांच सेक्शन में बंटा है:
- Placement
- Colors
- Progress bar style
- Controls shown
- Live preview
आपका हर बदलाव पेज के नीचे प्रीव्यू को अपडेट करता है।
Placement
आपके पोस्ट पर प्लेयर कहां दिखे। एक चुनें:
- Before title: पोस्ट टाइटल के ऊपर
- After title: टाइटल और पहले पैराग्राफ के बीच
- After content: पोस्ट के अंत में (डिफ़ॉल्ट)
- Before excerpt: केवल archive या blog-list व्यू में दिखता है
- After excerpt: archives में पोस्ट summaries के बाद दिखता है
- Sticky footer (PRO): विज़िटर के स्क्रॉल करते समय पेज के नीचे पिन रहता है
अधिकांश ब्लॉग के लिए After title या After content सबसे अच्छा काम करता है। पिन्ड-बार विकल्प के लिए Sticky Footer Player देखें।
Colors
तीन कलर पिकर प्लेयर का लुक नियंत्रित करते हैं:
- Background: प्लेयर की सरफेस का रंग
- Text: टाइटल और टाइम डिस्प्ले का रंग
- Accent / Play: प्ले बटन, progress fill, और active icons
ऐसे रंग चुनें जो आपकी थीम से मेल खाएं। प्रीव्यू रियल टाइम में अपडेट होता है।
टिप: अगर आप अपनी थीम में CSS variables उपयोग करते हैं, तो आप custom CSS से इन रंगों को ओवरराइड कर सकते हैं। Custom CSS देखें।
Progress bar style
दो विकल्प:
- Linear: एक स्टैंडर्ड हॉरिजॉन्टल progress bar (डिफ़ॉल्ट)
- Waveform (PRO): एक विज़ुअल waveform जहां हर पोस्ट का अलग पैटर्न होता है
Waveform हर पोस्ट में व्यक्तित्व जोड़ता है और podcast-style कंटेंट के लिए बेहतरीन दिखता है। यह SVG-based है और पेज का वज़न खास तौर पर नहीं बढ़ाता। Waveform Progress Bar देखें।
Controls shown
हर कंट्रोल एक सरल on/off टॉगल है। जब दिखाना चाहें तो on करें, साफ लुक के लिए off करें।
- Play / pause: हमेशा on (बंद नहीं किया जा सकता)
- Current time and duration
- Playback speed (0.5x, 1x, 1.25x, 1.5x, 2x)
- Volume
- Download
- Loop
- Information icon (voice का नाम और भाषा दिखाता है)
एक्सेसिबिलिटी के लिए, हम Time display, Speed, और Download को on रखने की सलाह देते हैं।
Live preview
पेज का निचला हिस्सा दिखाता है कि आपके विज़िटर वास्तव में क्या देखेंगे। क्लिक करने पर एक छोटा टेक्स्ट सैंपल चलता है। प्रीव्यू आपके हर बदलाव के साथ अपडेट होता है।
जब संतुष्ट हों, topbar में Save changes क्लिक करें। बदलाव तुरंत हर उस पोस्ट पर लागू होते हैं जिनमें ऑडियो है।
मोबाइल व्यवहार
प्लेयर responsive है और छोटी स्क्रीन के लिए खुद को एडजस्ट करता है:
- 480px से कम: Download और Information कंट्रोल एक मेनू में छुप जाते हैं
- 320px से कम: Loop और Speed कंट्रोल पूरी तरह छुप जाते हैं, केवल Play और Time दिखते हैं
Dynamic CSS caching
आपके रंग विकल्प 12 घंटे के लिए cache किए जाते हैं ताकि हर page load पर CSS दोबारा न बने। बदलाव सेव करने पर cache अपने आप clear हो जाता है। अगर कभी पुराने रंग दिखें, तो पेज को hard-refresh करें (Ctrl+Shift+R)।