Sarvam AI

 यह Sarvam AI का एक विस्तृत और आसान यूजर गाइड है, जो विशेष रूप से उन उपयोगकर्ताओं के लिए बनाया गया है जो भारतीय भाषाओं में AI का उपयोग करना चाहते हैं।

---

Sarvam AI: पूर्ण यूजर गाइड (Hindi Edition)

विषय सूची (Table of Contents)

1. Sarvam AI क्या है?

2. शुरुआत कैसे करें: अकाउंट सेटअप

3. डैशबोर्ड को समझना

4. Sarvam टूल्स का उपयोग (स्टेप-बाय-स्टेप)

• टेक्स्ट-टू-स्पीच (आवाज़ बनाना)

• ट्रांसक्रिप्शन (आवाज़ से टेक्स्ट बनाना)

• अनुवाद (Translation)

5. बेहतर परिणामों के लिए टिप्स

6. समस्या निवारण (Troubleshooting)

---

1. Sarvam AI क्या है?

Sarvam AI एक भारतीय प्लेटफॉर्म है जो मुख्य रूप से भारतीय भाषाओं (जैसे हिंदी, बंगाली, तमिल आदि) के लिए बनाया गया है। यह अन्य विदेशी AI की तुलना में हमारी स्थानीय आवाज़ों, लहजों और संस्कृति को बेहतर समझता है।

2. शुरुआत कैसे करें: अकाउंट सेटअप

1. वेबसाइट पर जाएं: अपने ब्राउज़र में www.sarvam.ai खोलें।

2. साइन अप करें: ऊपर दाईं ओर "Get Started" या "Sign In" बटन पर क्लिक करें।

3. लॉगिन विकल्प: आप अपने Google Account का उपयोग करके तुरंत लॉगिन कर सकते हैं या अपनी ईमेल आईडी दर्ज कर सकते हैं।

4. वेरिफिकेशन: यदि आप ईमेल का उपयोग करते हैं, तो अपने इनबॉक्स में जाकर वेरिफिकेशन लिंक पर क्लिक करें।

3. डैशबोर्ड को समझना

लॉगिन करने के बाद आपको एक मुख्य पेज दिखेगा:

• Playground: यहाँ आप अलग-अलग टूल्स को चलाकर देख सकते हैं।

• API Keys: यह उन लोगों के लिए है जो इस AI को अपनी खुद की ऐप में जोड़ना चाहते हैं।

• Usage: यहाँ आप देख सकते हैं कि आपने कितने 'क्रेडिट्स' (Credits) इस्तेमाल किए हैं।

---

4. Sarvam टूल्स का उपयोग (स्टेप-बाय-स्टेप)

क. टेक्स्ट-टू-स्पीच (Text-to-Speech)

लिखे हुए शब्दों को प्राकृतिक भारतीय आवाज़ में बदलें।

1. टूल चुनें: "Voice" या "Speech" सेक्शन पर जाएं।

2. भाषा चुनें: ड्रॉपडाउन मेनू से 'Hindi' या अपनी पसंद की भाषा चुनें।

3. आवाज़ का चुनाव: यहाँ अलग-अलग कलाकारों की आवाज़ें होंगी (जैसे: 'आदित्य' या 'काव्या')। उन्हें सुनकर चुनें।

4. टेक्स्ट लिखें: नीचे दिए गए बॉक्स में अपना मैसेज टाइप करें या पेस्ट करें।

5. Generate करें: 'Play' या 'Generate' बटन दबाएं।

6. डाउनलोड: आवाज़ सुनने के बाद आप उसे MP3 फाइल के रूप में सेव कर सकते हैं।

ख. ट्रांसक्रिप्शन (Transcription)

ऑडियो फाइल को लिखे हुए शब्दों (Text) में बदलें।

1. फाइल अपलोड करें: 'Upload' पर क्लिक करें और अपने फोन या कंप्यूटर से ऑडियो फाइल चुनें।

2. भाषा बताएं: वह भाषा चुनें जिसमें ऑडियो रिकॉर्ड किया गया है।

3. Transcribe: बटन दबाते ही AI आवाज़ को टेक्स्ट में बदल देगा।

4. एडिट करें: यदि कहीं कोई छोटी गलती हो, तो आप उसे हाथ से ठीक कर सकते हैं।

ग. अनुवाद (Translation)

1. वह टेक्स्ट डालें जिसे आप बदलना चाहते हैं।

2. शुरुआती भाषा (Source) और जिस भाषा में अनुवाद चाहिए (Target) उसे चुनें।

3. Translate पर क्लिक करें। यह Google Translate से अधिक सटीक और 'देसी' अंदाज में अनुवाद करता है।

---

5. बेहतर परिणामों के लिए टिप्स

• विराम चिह्नों का प्रयोग: लिखते समय कोमा (,) और पूर्ण विराम (.) का सही इस्तेमाल करें। इससे AI को पता चलता है कि कहाँ रुकना है, जिससे आवाज़ असली लगती है।

• शोर कम रखें: ट्रांसक्रिप्शन के लिए ऐसी ऑडियो फाइल का उपयोग करें जिसमें पीछे से शोर (Noise) कम हो।

• सरल भाषा: अनुवाद के लिए हमेशा सरल वाक्यों का प्रयोग करें ताकि AI भाव को सही से समझ सके।

---

6. समस्या निवारण (Troubleshooting)

समस्या	समाधान
आवाज़ नहीं बन रही है	इंटरनेट कनेक्शन चेक करें या पेज को रिफ्रेश (Refresh) करें।
लॉगिन नहीं हो रहा	ब्राउज़र की 'Cache' क्लियर करें या 'Incognito' मोड में ट्राई करें।
क्रेडिट खत्म हो गए	'Usage' सेक्शन में जाकर देखें कि क्या आपकी लिमिट पूरी हो गई है।
गलत अनुवाद	लंबे वाक्यों को छोटे-छोटे हिस्सों में बांटकर फिर से प्रयास करें।

---

इंडेक्स (Index)

• अकाउंट बनाना: सेक्शन 2

• हिंदी सपोर्ट: सेक्शन 1, 4क

• एमपी3 डाउनलोड: सेक्शन 4क

• मदद और सपोर्ट: सेक्शन 6

Chessboard UI with Move History

Move History

 

Features Explained

1. Coordinate Mapping: The logic uses String.fromCharCode(97 + c) to convert column indices (0-7) into board letters (a-h). This is essential for standard chess notation.

2. Stateful Interaction: The script tracks whether a square is currently "selected." If a second square is clicked while one is selected, it executes a movePiece function, which handles the DOM swap.

3. Unicode Graphics: Instead of loading 12 different image files for pieces, we use high-fidelity Chess Unicode characters. These scale perfectly without losing quality.

4. Responsive Design: The board size uses min(80vw, 500px), ensuring it never grows too large for the screen or too small to be playable on a phone.

How to use this tool:

• Select: Click any piece to highlight it.

• Move: Click a destination square to move the piece.

• History: Watch the panel on the right (or bottom on mobile) to see your move log.

Sudoku Solver

Enter your puzzle and click Solve

 

Technical Features

1. 3x3 Subgrid Styling: The CSS uses the :nth-child selector to apply thicker borders every 3 cells and rows. This creates the visual "blocks" essential for reading Sudoku.

2. Input Filtering: The oninput JavaScript listener ensures that users can only type single digits (1-9). It prevents "0" and multi-digit numbers from breaking the logic.

3. Recursive Search: The solve() function is a depth-first search. It attempts a number and immediately moves to the next empty spot, only returning false (backtracking) if a placement becomes impossible.

4. Visual Feedback: Solved numbers are assigned a .solved class, which changes their color and triggers a subtle background animation so you can see what the AI filled in versus what you started with.

Random Name Picker (Wheel)

Name Picker Wheel

Enter Names (One per line): Alice Bob Charlie Diana Ethan Fiona

 

Technical Concepts

1. Arc Calculations: The wheel is divided into segments using the formula:

   $$\text{Arc Size} = \frac{2\pi}{\text{Number of Names}}$$

   Each segment is then filled with a unique color based on the HSL color space to ensure variety regardless of how many names are added.

2. The Physics of Spinning: We don't just stop the wheel abruptly. The easeOut function simulates friction. It starts fast and slows down progressively, making the outcome feel suspenseful and fair.

3. Determining the Winner: Since the pointer is at the top ($-90^\circ$ or $270^\circ$ in canvas space), the code calculates the final startAngle, normalizes it to $360^\circ$, and maps that back to the array index of names.

4. Responsiveness: The UI uses a flexible flex-direction that shifts from a side-by-side view (Desktop) to a stacked view (Mobile). The Canvas is set to max-width: 100% to ensure it doesn't overflow smaller screens.

Love Calculator (Fun Tool)

❤

Love Calculator

Find out the compatibility between two names!

0%

 

Features Explained

1. Deterministic Result: By using ASCII summation (charCodeAt), the tool ensures that "Romeo" and "Juliet" always get the same score. This adds a layer of "authenticity" to the fun.

2. Number Animation: Rather than just showing a number, the score counts up from 0 to the result using setInterval. This builds anticipation for the user.

3. Responsive Design: The card width is controlled with max-width, ensuring it looks great on a mobile phone (where it fills the screen) and a desktop (where it centers neatly).

4. UX Polish: The "pulsing" heart icon and modern rounded corners create a friendly, "app-like" atmosphere.

How to use this tool:

• Enter Names: Type two names into the input fields.

• Calculate: Click the pink button to trigger the algorithm.

• Review: The score will count up, and a custom message based on the percentage will appear.

Binary to Decimal Converter

Binary Decrypter

Enter Binary Number (0s and 1s)

Invalid input: Only 0 and 1 are allowed.

0 Decimal Equivalent

How it was calculated:

 

Features Explained

Strict Regex Validation: The input listener uses /^[01]*$/ to check the value. If you try to type a '2' or an 'A', the tool instantly flags it as an error and strips the character, keeping the data clean.


Positional Math Engine: The code reverses the binary string so that the index of the array matches the power of 2 ($2^{index}$). This makes the calculation logic much cleaner.


Real-Time Math Breakdown: As you type, the tool generates a string explaining exactly which bits are being added together (e.g., $32 + 8 + 1$). This is great for educational purposes.


Responsive Design: The layout uses a flexible container with max-width and media queries to ensure the "Terminal" feel translates well to mobile screens.

Age Calculator (Years/Months/Days)

Age Calculator

Select Date of Birth

Date cannot be in the future!

- Years

- Months

- Days

 Features Explained

1. Leap Year & Month Accuracy: The script uses new Date(year, month, 0).getDate() to dynamically find how many days are in the preceding month. This ensures that if you were born on the 31st and today is the 30th, the day calculation remains precise.

2. Input Validation: The max attribute on the HTML5 date input is set via JavaScript to today. This prevents users from selecting future dates through the native browser picker.

3. Visual Animation: I've added an animateValue function. Instead of the numbers just "snapping" into place, they count up rapidly, giving the tool a premium, interactive feel.

4. Responsive Grid: The result boxes use grid-template-columns: repeat(3, 1fr), which automatically scales down for smaller screens while keeping the "Years, Months, Days" aligned.

 

 

Features Explained

1. Leap Year & Month Accuracy: The script uses new Date(year, month, 0).getDate() to dynamically find how many days are in the preceding month. This ensures that if you were born on the 31st and today is the 30th, the day calculation remains precise.

2. Input Validation: The max attribute on the HTML5 date input is set via JavaScript to today. This prevents users from selecting future dates through the native browser picker.

3. Visual Animation: I've added an animateValue function. Instead of the numbers just "snapping" into place, they count up rapidly, giving the tool a premium, interactive feel.

4. Responsive Grid: The result boxes use grid-template-columns: repeat(3, 1fr), which automatically scales down for smaller screens while keeping the "Years, Months, Days" aligned.