Image Compressor Tool

Text to PDF Converter

body { font-family: Arial, sans-serif; } header { background-color: #333; color: white; text-align: center; padding: 20px; } h1 { margin: 0; } main { max-width: 800px; margin: 20px auto; padding: 20px; background-color: #f0f0f0; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .converter-container { text-align: center; } textarea { width: 100%; height: 200px; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } button { background-color: #007bff; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; } button:hover { background-color: #0056b3; } #pdf-container { display: none; } document.getElementById('convert-button').addEventListener('click', () => { const inputText = document.getElementById('input-text').value; // Create a new PDF document const pdf = new jsPDF(); // Add text to the PDF pdf.text(inputText, 10, 10); // Save the PDF to a file pdf.save('converted-text.pdf'); // Show the PDF container document.getElementById('pdf-container').style.display = 'block'; });

QR Code Generator

Content: URL Text WhatsApp Email

/* styles.css */ body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; } h1 { color: #333; } .options { margin-top: 20px; } label { font-weight: bold; margin-right: 10px; } input[type="text"], select { padding: 10px; width: 100%; margin-right: 10px; } button { padding: 10px 20px; background-color: #007BFF; color: #fff; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #0056b3; } .qr-code { margin-top: 20px; } #downloadQR { margin-top: 20px; background-color: #5cb85c; } #downloadQR:hover { background-color: #4cae4c; } // script.js document.addEventListener("DOMContentLoaded", function () { const qrContentInput = document.getElementById("qrContent"); const qrTypeSelect = document.getElementById("qrType"); const generateQRButton = document.getElementById("generateQR"); const qrCodeContainer = document.getElementById("qrCode"); const downloadQRButton = document.getElementById("downloadQR"); const downloadLink = document.getElementById("downloadLink"); generateQRButton.addEventListener("click", function () { const qrType = qrTypeSelect.value; const qrContent = qrContentInput.value; if (!qrContent) return; // Generate QR code using qrcode.min.js const qr = new QRCode(qrCodeContainer, { text: qrContent, width: 128, height: 128, }); // Show the download button downloadLink.style.display = "block"; // Generate a data URL for the QR code image const qrDataURL = qr.toDataURL("image/png"); // Set the data URL as the href attribute of the download link downloadLink.href = qrDataURL; }); downloadQRButton.addEventListener("click", function () { // Trigger the download when the download button is clicked downloadLink.click(); }); });

भाषा अनुवाद और वॉयस रिकॉर्डिंग टूल

मूल टेक्स्ट (Original Text): टारगेट भाषा (Target Language): English

अनुवादित टेक्स्ट:

डाउनलोड करें function translateAndRecord() { const sourceText = document.getElementById("sourceText").value; const targetLanguage = document.getElementById("targetLanguage").value; // यहाँ आप किसी भी टेक्स्ट अनुवाद एपीआई का उपयोग करके टेक्स्ट को अनुवाद कर सकते हैं // उदाहरण के लिए, Google Translate API का उपयोग कर सकते हैं // अनुवादित टेक्स्ट को प्रदर्शित करें const translatedText = translateText(sourceText, targetLanguage); document.getElementById("translatedText").innerText = translatedText; // आवाज़ रिकॉर्ड करें recordVoice(translatedText); // डाउनलोड लिंक दिखाएँ document.getElementById("downloadLink").style.display = "block"; } function translateText(text, targetLanguage) { // यहाँ आप टेक्स्ट का अनुवाद करने के लिए आपके चयनित API का उपयोग कर सकते हैं // और अनुवादित टेक्स्ट को वापस कर सकते हैं // इस उदाहरण में टेक्स्ट को केवल कॉन्सोल पर प्रिंट किया जा रहा है console.log(`Text Translated to ${targetLanguage}: ${text}`); return text; } function recordVoice(text) { // यहाँ आप आवाज़ रिकॉर्डिंग को कैसे करें इसके लिए कोड जोड़ सकते हैं // इस उदाहरण में, केवल रिकॉर्डिंग के लिए एक खाली ऑडियो टैग दिखाया गया है } // डाउनलोड लिंक को सेट करें function setDownloadLink(blob) { const url = URL.createObjectURL(blob); const downloadLink = document.getElementById("downloadLink"); downloadLink.href = url; downloadLink.download = "voice_recording.wav"; } // रिकॉर्डिंग को डाउनलोड करें document.getElementById("downloadLink").addEventListener("click", function () { // यहाँ आप रिकॉर्डिंग को फ़ाइल में कैसे सहेज सकते हैं, यह उपयोगकर्ता के डिवाइस पर निर्भर करेगा // इस उदाहरण में, डाउनलोड केवल खाली है });

QR Code Generator

Select QR Code Type: URL WhatsApp Text Email

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .container { background-color: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; } h1 { color: #333; } .options { margin-bottom: 20px; } label { display: block; margin-bottom: 10px; font-weight: bold; } select, input { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } button { background-color: #007BFF; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; font-size: 16px; } .qr-code { margin-top: 20px; } .download-button { background-color: #28a745; } .download-button:hover { background-color: #218838; } #download { display: none; } document.getElementById("generate").addEventListener("click", function () { const content = document.getElementById("content").value; const data = document.getElementById("data").value; if (!data) { alert("Please enter data"); return; } const qrcode = new QRCode(document.getElementById("qrcode"), { text: content === "url" ? data : "", width: 128, height: 128, }); if (content !== "url") { qrcode.makeCode(data); } document.getElementById("download").href = qrcode.toDataURL(); document.getElementById("download").style.display = "block"; });

अनुवाद और वॉयस रिकॉर्डिंग टूल

टेक्स्ट अनुवाद

रिकॉर्डिंग

function translateAndRecord() { const inputText = document.getElementById("inputText").value; // Use a translation API (e.g., Google Translate API) to translate inputText. // Use a voice recording API (e.g., Web Audio API) to record the translation. // Save the recorded audio and provide a download link. // Example: const translatedText = "अनुवादित पाठ"; // Replace with the actual translation URL. const audioUrl = "audio_url.mp3"; // Replace with the actual audio URL. const audioPlayer = document.getElementById("audioPlayer"); audioPlayer.src = audioUrl; }

Hindi Text-to-Speech with "ResponsiveVoice"

Hindi Text to Speech

Enter text in Hindi:

Text-to-Speech with Styling

Text to Speech Converter

UK English Female US English Female Spanish Female

YouTube Thumbnail Downloader

Text-to-Speech with Styling

Text-to-Speech Converter

Enter Text: Select Voice: US English Female UK English Female

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .editor-container { text-align: center; background-color: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .text-editor { width: 100%; height: 300px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; resize: none; } .btn { background-color: #007bff; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-top: 10px; } .btn:hover { background-color: #0056b3; } // Get the editor and download button elements const editor = document.getElementById('editor'); const downloadBtn = document.getElementById('download-btn'); const downloadLink = document.getElementById('download-link'); // Add event listener to the download button downloadBtn.addEventListener('click', () => { const content = editor.value; const blob = new Blob([content], { type: 'text/plain' }); const url = URL.createObjectURL(blob); downloadLink.href = url; downloadLink.download = 'edited_file.txt'; downloadLink.style.display = 'block'; }); // Clear the download link when the editor content changes editor.addEventListener('input', () => { downloadLink.style.display = 'none'; });

Image Compressor Tool Example

Image Compressor Tool

Compressed Image:

Download

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; } .container { max-width: 600px; margin: 0 auto; text-align: center; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } h1 { color: #333; } h2 { margin-top: 20px; color: #333; } #fileInput { display: none; } .output { margin-top: 20px; } img { max-width: 100%; height: auto; } a { display: inline-block; padding: 10px 20px; background-color: #007bff; color: #fff; text-decoration: none; border-radius: 5px; margin-top: 10px; } a:hover { background-color: #0056b3; } const fileInput = document.getElementById('fileInput'); const compressedImage = document.getElementById('compressedImage'); const downloadLink = document.getElementById('downloadLink'); fileInput.addEventListener('change', (event) => { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (e) => { const img = new Image(); img.src = e.target.result; img.onload = () => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // Resize the image to a desired width (e.g., 300 pixels) const maxWidth = 300; const scale = maxWidth / img.width; canvas.width = maxWidth; canvas.height = img.height * scale; ctx.drawImage(img, 0, 0, canvas.width, canvas.height); // Convert the canvas to a data URL and set it as the compressed image source const compressedDataUrl = canvas.toDataURL('image/jpeg', 0.7); compressedImage.src = compressedDataUrl; // Enable download link with compressed image downloadLink.href = compressedDataUrl; downloadLink.style.display = 'block'; }; }; reader.readAsDataURL(file); } });

Language Translator Tool

Language Translator

Select Source Language: English French Spanish Select Target Language: English French Spanish Enter Text to Translate:

Text to PDF Converter

Screen Recorder Tool