tag:blogger.com,1999:blog-58265376523676739912025-12-27T15:05:11.614+05:30Welcome to 'Help New Business: Boosting Success for New Ventures.' Discover expert strategies, tips, and inspiring success stories for thriving in today's dynamic business landscape. Whether you're launching a startup or expanding a small business, we've got you covered. From the latest trends and digital marketing insights to financial growth strategies and success stories, we provide the tools you need. Join our community of business enthusiasts and embark on your journey to business success.Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.comBlogger98125tag:blogger.com,1999:blog-5826537652367673991.post-88275542954552478442025-05-01T09:25:00.002+05:302025-05-01T09:25:51.614+05:30<h1 style="text-align: left;">AI-Powered Tech Startups in India: Innovation Driving the Future (2025 Edition)&nbsp;</h1><div><br /></div><div><br /></div><h2 style="text-align: left;">Introduction:</h2><div><br /></div><h3 style="text-align: left;">Artificial Intelligence (AI) ab sirf ek buzzword nahi raha. 2025 mein AI ne India ke startup ecosystem mein ek naya jaan daal diya hai. Chaahe baat healthcare automation ki ho, personalized education ki, ya business analytics ki—AI-powered tech startups har sector mein disruption laa rahe hain.</h3><div><br /></div><div>Is blog mein hum dekhenge kuch aise innovative AI startups jo na sirf advanced technology ka use kar rahe hain, balki real-world problems bhi solve kar rahe hain.</div><div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSbe9IfDEd9HOUI3moSSPvfwd1WENHYKQnDjNJaPNlU-whGULFRxNUXKQLmDi3c5PoNjdw2Zs1YiOlxqZNaEhonjHVly-m0VvdebNTGGww2IzZuw5vsSNthdIwPhR13xLSOkGrT1acrRF5lKR9v79mg7jcWHrLKzLK8R92uqHBMtCNmzoUckCP8PM5No8/s1536/ChatGPT%20Image%20May%201,%202025,%2008_20_32%20AM.png" style="margin-left: auto; margin-right: auto;"><img alt="AI- Powered Tech Startup" border="0" data-original-height="1024" data-original-width="1536" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSbe9IfDEd9HOUI3moSSPvfwd1WENHYKQnDjNJaPNlU-whGULFRxNUXKQLmDi3c5PoNjdw2Zs1YiOlxqZNaEhonjHVly-m0VvdebNTGGww2IzZuw5vsSNthdIwPhR13xLSOkGrT1acrRF5lKR9v79mg7jcWHrLKzLK8R92uqHBMtCNmzoUckCP8PM5No8/w400-h266/ChatGPT%20Image%20May%201,%202025,%2008_20_32%20AM.png" title="AI- Powered Tech Startup" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">AI-Powered Tech Startup</td></tr></tbody></table><br /><div><br /></div><div><br /></div><h3 style="text-align: left;">1. Rezo.ai – Automating Customer Experience</h3><div><br /></div><h4 style="text-align: left;">Founded: 2017<br />Founders: Rashi Gupta &amp; Manish Gupta<br />HQ: Noida, Uttar Pradesh</h4><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>What They Do:</b></div><div>Rezo.ai ek AI-driven platform hai jo contact centers ko automate karta hai. Inka NLP-based system customer queries ka human jaise responses deta hai, aur support teams ki productivity badhaata hai.</div><div><br /></div><div><b>USP</b>:</div><div>Multilingual support + seamless CRM integration</div><div><br /></div><div><b>Funding</b>:</div><div>$1.2M seed round raised in 2022</div><div><br /></div><div><b>Impact</b>:</div><div>Over 10 million customer interactions handled for clients like SpiceJet, HDFC Ergo.</div><div><br /></div><h3 style="text-align: left;">2. Niramai – AI for Breast Cancer Detection</h3><div><br /></div><h4 style="text-align: left;">Founded: 2016</h4><h4 style="text-align: left;">Founder: Geetha Manjunath</h4><h4 style="text-align: left;">HQ: Bengaluru, Karnataka</h4><div style="text-align: left;"><br /></div><div><br /></div><div><b>What They Do</b>:</div><div>Niramai (Non-Invasive Risk Assessment with Machine Intelligence) AI aur thermal imaging ka use karke early-stage breast cancer detect karta hai—non-invasive, radiation-free tareeke se.</div><div><br /></div><div><b>USP</b>:</div><div>Portable device + cost-effective testing for rural areas</div><div><br /></div><div><b>Funding</b>:</div><div>~$7M from Pi Ventures, Axilor Ventures, and others</div><div><br /></div><div><b>Impact</b>:</div><div>30+ hospitals mein adoption, thousands of lives impacted through early diagnosis.</div><div><br /></div><h3 style="text-align: left;">3. Arya.ai – Building AI Infrastructure for Banks</h3><div><br /></div><h4 style="text-align: left;">Founded: 2013</h4><h4 style="text-align: left;">Founders: Vinay Kumar &amp; Deekshith Rao</h4><h4 style="text-align: left;">HQ: Mumbai, Maharashtra</h4><div><br /></div><div><b>What They Do:</b></div><div>Arya.ai banks aur insurance companies ke liye AI tools provide karta hai—claims automation, fraud detection, aur customer service enhance karne ke liye.</div><div><br /></div><div><b>USP</b>:</div><div>Regulation-ready AI framework for BFSI (Banking, Financial Services &amp; Insurance)</div><div><br /></div><div><b>Funding</b>:</div><div>$2M+ raised from YourNest, Venture Nursery</div><div><br /></div><div><b>Impact</b>:</div><div>Partnered with ICICI, SBI General, and other financial institutions</div><div><br /></div><h3 style="text-align: left;">4. Yellow.ai – Conversational AI for Enterprises</h3><div><br /></div><h4 style="text-align: left;">Founded: 2016</h4><h4 style="text-align: left;">Founders: Raghu Ravinutala, Rashid Khan</h4><h4 style="text-align: left;"><br />HQ: Bengaluru, Karnataka</h4><div><br /></div><div><b>What They Do:</b></div><div>Yellow.ai ek AI-powered chatbot aur voicebot platform hai jo enterprises ke liye customer support ko automate karta hai, across channels (WhatsApp, voice, website etc.)</div><div><br /></div><div><b>USP</b>:</div><div>Real-time multilingual support + deep learning-based automation</div><div><br /></div><div><b>Funding</b>:</div><div>$102M total funding (Series C in 2022)</div><div><br /></div><div><b>Impact</b>:</div><div>500+ global brands including Domino’s, Hyundai, and HDFC Bank</div><div><br /></div><h3 style="text-align: left;">How These Startups Are Changing India</h3><div><br /></div><div><b>Customer Service:</b> Faster &amp; smarter via Rezo.ai and Yellow.ai</div><div><br /></div><div><b>Healthcare Access:</b> Safer diagnosis with Niramai</div><div><br /></div><div><b>Banking Automation:</b> Smarter decisions via Arya.ai</div><div><br /></div><div><b>Jobs Creation:</b> AI-powered startups hiring across data science, marketing, and ops</div><div><br /></div><h3 style="text-align: left;">Challenges &amp; Future Outlook</h3><div><br /></div><div>AI startups face challenges like data privacy, lack of skilled talent, aur trust barrier. Lekin government initiatives jaise Digital India, AI for All, aur private investment ecosystem inhe support kar rahe hain.</div><div><br /></div><div>2025 aur aage bhi AI startups India ke tech landscape ko redefine karte rahenge—with smarter products, deeper insights, and inclusive innovation.</div><div><br /></div><h3 style="text-align: left;">Conclusion</h3><div><br /></div><div>AI ke saath tech startups sirf naye products nahi, balki naye possibilities create kar rahe hain. Inka safar batata hai ki innovation sirf Silicon Valley ka domain nahi—Bangalore, Mumbai aur Noida bhi AI revolution ke centre mein hain.</div><div><br /></div><div><b>Aapko kaunsa AI startup sabse inspiring laga? Kya aap apna khud ka AI product banana chahenge? Niche comment karein aur apne vichaar batayein!</b></div><div><b><br /></b></div><h4 style="text-align: left;"><b>Keywords:</b></h4><div><b>AI startups in India 2025</b></div><div><b><br /></b></div><div><b>Artificial Intelligence tech startups</b></div><div><b><br /></b></div><div><b>Best AI companies in India</b></div><div><b><br /></b></div><div><b>AI in healthcare India</b></div><div><b><br /></b></div><div><b>Conversational AI startups</b></div><div><b><br /></b></div><div><b>Indian fintech AI startups</b></div><div><b><br /></b></div><div><b>AI-powered business solutions</b></div>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-59711788267705408152024-07-04T19:16:00.005+05:302024-07-09T07:57:21.825+05:30 <html> <head> <title>Case Converter</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #008080; } form { width: 50%; margin: 0 auto; background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px #888; border-radius: 10px; } label { display: block; margin-bottom: 10px; } textarea { border-radius: 5px; border: 1px solid #ccc; padding: 5px; font-size: 16px; } select { border-radius: 5px; border: 1px solid #ccc; padding: 5px; font-size: 16px; } button { background-color: #008080; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; } button:hover { background-color: #005656; } #converted-text { margin-top: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; color: #333; } .sentence-case { text-transform: capitalize; } </style> </head> <body> <h1>Case Converter</h1> <form> <label> Text: <textarea cols="50" id="text" rows="5"></textarea> </label> <label> Case: <select id="case"> <option value="uppercase">Uppercase</option> <option value="lowercase">Lowercase</option> <option value="titlecase">Titlecase</option> <option value="sentencecase">Sentence Case</option> </select> </label> <button onclick="convert()" type="button">Convert</button> </form> <div id="converted-text"></div> <script> function convert() { // Get the text and case inputs var text = document.getElementById("text").value; var caseOption = document.getElementById("case").value; // Convert the text to the selected case if (caseOption === "uppercase") { text = text.toUpperCase(); } else if (caseOption === "lowercase") { text = text.toLowerCase(); } else if (caseOption === "titlecase") { text = text.toLowerCase().replace(/(^|\s)\S/g, (match) => match.toUpperCase()); } else if (caseOption === "sentencecase") { text = text.toLowerCase(); text = text.charAt(0).toUpperCase() + text.slice(1); text = text.replace(/\.\s*[a-z]/g, function (x) { return x.toUpperCase(); }); } // Update the converted text display var convertedText = document.getElementById("converted-text"); convertedText.innerHTML = "<p>" + text + "</p>"; if (caseOption === "sentencecase") { convertedText.classList.add("sentence-case"); } else { convertedText.classList.remove("sentence-case"); } } </script> </body> </html><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKMsjGIy7MYv3w2MweYfc_OzX2YcCUgxwhYDceo8QM0n_VY5Tl7FoQsfrRb42YOFPmtOki4nUOPoC8e2Il3Rf0G_d0XCKSlPO01wkV9cHLuGaTgSlfVHXK2Fk7OF3Y1zYnxsrHzpjR99rni4aYPjpgYx9OSGpdr6meKTBwGirXfZ3UsWvbmSqTelXu3M/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Case Converter Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKMsjGIy7MYv3w2MweYfc_OzX2YcCUgxwhYDceo8QM0n_VY5Tl7FoQsfrRb42YOFPmtOki4nUOPoC8e2Il3Rf0G_d0XCKSlPO01wkV9cHLuGaTgSlfVHXK2Fk7OF3Y1zYnxsrHzpjR99rni4aYPjpgYx9OSGpdr6meKTBwGirXfZ3UsWvbmSqTelXu3M/w400-h400/helpnewbusiness.png" title="Case Converter Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Case Converter Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-86000128497194698202024-07-04T18:57:00.006+05:302024-07-09T07:55:45.748+05:30 <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Article Writing Tool</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> .regenerateIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #prompt { width: calc(100% - 40px - 10px); margin: 10px 20px; padding: 12px; border-radius: 5px; border: 1px solid #ccc; } button { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 15px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #copyButton { background-color: #007bff; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Add styles for formatted text */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } /* Dropdown Styles */ #storyCategory, #languageSelection { width: calc(50% - 25px); /* Adjust width to fit side by side with some space */ padding: 10px; margin: 10px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; font-family: 'Arial', sans-serif; font-size: 16px; box-sizing: border-box; /* Ensure padding and border are included in width */ display: inline-block; /* Display side by side */ cursor: pointer; } #storyCategory:disabled, #languageSelection:disabled { background-color: #e9ecef; cursor: not-allowed; } /* Adjust margin for the prompt to align with the new dropdowns */ #prompt { margin: 0 10px 10px 10px; } /* Style adjustments for button to align with the new layout */ button { width: calc(100% - 20px); margin: 10px; } /* Ensure the container width accommodates new elements */ #chatContainer { padding-bottom: 10px; /* Add some padding at the bottom */ } .message.code { background-color: #f5f5f5; /* Light grey background */ color: #333; /* Darker text for contrast */ font-family: monospace; /* Monospace font for code-like appearance */ white-space: pre-wrap; /* Allows text to wrap and preserves formatting */ word-wrap: break-word; /* Allows long lines to break and wrap to the next line */ padding: 10px; /* Padding inside the preformatted text block */ border-radius: 5px; /* Rounded corners like other messages */ } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">Article Writing Tool</div> <select class="dropdown" id="storyCategory"> <option value=" ">Category</option> <option value="Lifestyle">Lifestyle</option> <option value="Technology">Technology</option> <option value="Travel">Travel</option> <option value="Food">Food</option> <option value="Personal Finance">Personal Finance</option> <option value="Health &amp; Wellness">Health &amp; Wellness</option> <option value="Personal Development">Personal Development</option> <option value="Entrepreneurship">Entrepreneurship</option> <option value="Art &amp; Design">Art &amp; Design</option> <option value="Music">Music</option> <option value="Photography">Photography</option> <option value="Education">Education</option> <option value="Environment">Environment</option> <option value="Politics">Politics</option> <option value="Social Issues">Social Issues</option> </select> <select class="dropdown" id="languageSelection"> <option value=" ">Default (English)</option> <option value="Assamese">Assamese</option> <option value="Bengali">Bengali</option> <option value="Gujarati">Gujarati</option> <option value="Hindi">Hindi</option> <option value="Kannada">Kannada</option> <option value="Kashmiri">Kashmiri</option> <option value="Konkani">Konkani</option> <option value="Malayalam">Malayalam</option> <option value="Marathi">Marathi</option> <option value="Nepali">Nepali</option> <option value="Odia">Odia</option> <option value="Punjabi">Punjabi</option> <option value="Sanskrit">Sanskrit</option> <option value="Sindhi">Sindhi</option> <option value="Tamil">Tamil</option> <option value="Telugu">Telugu</option> <option value="Urdu">Urdu</option> <!-- Add more languages as needed --> </select> <textarea id="prompt" placeholder="Type a message..." rows="3"></textarea> <button id="generateArticle" onclick="generateArticle()">Generate Article</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generateArticle() { var prompt = $("#prompt").val(); var category = $("#storyCategory").val(); var language = $("#languageSelection").val(); // Get the value of the selected option var articlePrompt = `Write an article for ${category} category about "${prompt}" in ${language} language`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: articlePrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generateArticle();; // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q2ojnSMbsEnlAnnaSfZsPt_qjCOke7fC2QW54xAFn5dB_Yaa9zNQoqhXM_vOW0LkfN12wvaw-4JZFKBL52ry1Bd5vQu0XYCU3nGgjE2_-JUiY1fU8c7GAZ0MxSo9IwRdTzoFRDard4YapD-lbMYcwqGysksDJZt7OY0J2PXFn16AZHGwKwYuAfIyiO8/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free AI Article Writing Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Q2ojnSMbsEnlAnnaSfZsPt_qjCOke7fC2QW54xAFn5dB_Yaa9zNQoqhXM_vOW0LkfN12wvaw-4JZFKBL52ry1Bd5vQu0XYCU3nGgjE2_-JUiY1fU8c7GAZ0MxSo9IwRdTzoFRDard4YapD-lbMYcwqGysksDJZt7OY0J2PXFn16AZHGwKwYuAfIyiO8/w400-h400/helpnewbusiness.png" title="Free AI Article Writing Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Free AI Article Writing Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-5014011528742351072024-07-04T17:11:00.000+05:302024-07-04T17:11:01.366+05:30<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>On-page SEO Checker</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 0; } .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; } label { font-weight: bold; margin-bottom: 5px; } textarea { width: 80%; height: 150px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc; resize: vertical; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } #results { margin-top: 20px; text-align: left; font-size: 16px; } </style> </head> <body> <div class="container"> <h1>On-page SEO Checker</h1> <label for="targetKeyword">Enter target keyword:</label> <input type="text" id="targetKeyword" placeholder="Enter your target keyword..."> <label for="text">Enter your text:</label> <textarea id="text" placeholder="Type or paste your text here..."></textarea> <button onclick="checkSEO()">Check On-page SEO</button> <div id="results"></div> </div> <script> function checkSEO() { const targetKeywordInput = document.getElementById('targetKeyword'); const textArea = document.getElementById('text'); const resultsElement = document.getElementById('results'); const targetKeyword = targetKeywordInput.value.toLowerCase(); const text = textArea.value.toLowerCase(); const keywordCount = (text.match(new RegExp(targetKeyword, 'g')) || []).length; const totalWords = text.split(/\s+/).length; const keywordDensity = (keywordCount / totalWords) * 100; const resultsHTML = ` <h2>On-page SEO Results:</h2> <p>Target Keyword: ${targetKeyword}</p> <p>Keyword Count: ${keywordCount}</p>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-56454607292291516452024-07-04T16:37:00.003+05:302024-07-09T07:55:56.857+05:30 <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Keywords and Tags Generator</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> .regenerateIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #prompt { width: calc(100% - 40px - 10px); margin: 10px 20px; padding: 12px; border-radius: 5px; border: 1px solid #ccc; } button { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 15px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #copyButton { background-color: #007bff; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Add styles for formatted text */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } /* Dropdown Styles */ #storyCategory, #languageSelection { width: calc(50% - 25px); /* Adjust width to fit side by side with some space */ padding: 10px; margin: 10px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; font-family: 'Arial', sans-serif; font-size: 16px; box-sizing: border-box; /* Ensure padding and border are included in width */ display: inline-block; /* Display side by side */ cursor: pointer; } #storyCategory:disabled, #languageSelection:disabled { background-color: #e9ecef; cursor: not-allowed; } /* Adjust margin for the prompt to align with the new dropdowns */ #prompt { margin: 0 10px 10px 10px; } /* Style adjustments for button to align with the new layout */ button { width: calc(100% - 20px); margin: 10px; } /* Ensure the container width accommodates new elements */ #chatContainer { padding-bottom: 10px; /* Add some padding at the bottom */ } .message.code { background-color: #f5f5f5; /* Light grey background */ color: #333; /* Darker text for contrast */ font-family: monospace; /* Monospace font for code-like appearance */ white-space: pre-wrap; /* Allows text to wrap and preserves formatting */ word-wrap: break-word; /* Allows long lines to break and wrap to the next line */ padding: 10px; /* Padding inside the preformatted text block */ border-radius: 5px; /* Rounded corners like other messages */ } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">Keywords and Tags Generator</div> <textarea id="prompt" placeholder="Type a message..." rows="3"></textarea> <button id="generate" onclick="generate()">Generate Keywords and Tags</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generate() { var prompt = $("#prompt").val(); var category = $("#storyCategory").val(); var language = $("#languageSelection").val(); // Get the value of the selected option var policyPrompt = `Write SEO and trending keywords and tags for the topic of "${prompt}"`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: policyPrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generate(); // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAdwzx7qynTYkvhV5ts_BSKwdmWlBblyBUQ_JSEL8E6LQN8UIFa1iUvdJ-iqUhHOzFbI3t8NmJ1J7EA46tMLDAn6WrLl6bAyuDfYeJ0hifyKZtHukHMkquMYlBo7GEbUA6zte-Zmh4Q1npp84-uPQckMQ3Bq4ZPvjD3BgSdVZnii5rHBobli0hTHxXYs/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free AI Keywords And Tags Generator Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAdwzx7qynTYkvhV5ts_BSKwdmWlBblyBUQ_JSEL8E6LQN8UIFa1iUvdJ-iqUhHOzFbI3t8NmJ1J7EA46tMLDAn6WrLl6bAyuDfYeJ0hifyKZtHukHMkquMYlBo7GEbUA6zte-Zmh4Q1npp84-uPQckMQ3Bq4ZPvjD3BgSdVZnii5rHBobli0hTHxXYs/w400-h400/helpnewbusiness.png" title="Free AI Keywords And Tags Generator Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Free AI Keywords And Tags Generator Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-14690065427121041632024-07-04T15:51:00.004+05:302024-07-09T07:56:10.794+05:30 <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>AI Story Writing Tool</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> .regenerateIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #prompt { width: calc(100% - 40px - 10px); margin: 10px 20px; padding: 12px; border-radius: 5px; border: 1px solid #ccc; } button { width: 100%; padding: 10px; margin-bottom: 20px; border-radius: 8px; border: none; color: white; text-align: center; font-size: 15px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; text-decoration: none; /* Remove underline from download link */ display: inline-block; /* Needed for anchor to behave like a button */ text-align: center; /* Ensure text is centered in download link */ } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #copyButton { background-color: #007bff; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Add styles for formatted text */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } /* Dropdown Styles */ #storyCategory, #languageSelection { width: calc(50% - 25px); /* Adjust width to fit side by side with some space */ padding: 10px; margin: 10px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; font-family: 'Arial', sans-serif; font-size: 16px; box-sizing: border-box; /* Ensure padding and border are included in width */ display: inline-block; /* Display side by side */ cursor: pointer; } #storyCategory:disabled, #languageSelection:disabled { background-color: #e9ecef; cursor: not-allowed; } /* Adjust margin for the prompt to align with the new dropdowns */ #prompt { margin: 0 10px 10px 10px; } /* Style adjustments for button to align with the new layout */ button { width: calc(100% - 20px); margin: 10px; } /* Ensure the container width accommodates new elements */ #chatContainer { padding-bottom: 10px; /* Add some padding at the bottom */ } .message.code { background-color: #f5f5f5; /* Light grey background */ color: #333; /* Darker text for contrast */ font-family: monospace; /* Monospace font for code-like appearance */ white-space: pre-wrap; /* Allows text to wrap and preserves formatting */ word-wrap: break-word; /* Allows long lines to break and wrap to the next line */ padding: 10px; /* Padding inside the preformatted text block */ border-radius: 5px; /* Rounded corners like other messages */ } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">AI Story Writing Tool</div> <select class="dropdown" id="storyCategory"> <option value="Moral">Moral</option> <option value="Educational">Educational</option> <option value="Historical">Historical</option> <option value="Magical">Magical</option> <option value="Adventure">Adventure</option> <option value="Science Fiction">Science Fiction</option> <option value="Fantasy">Fantasy</option> <option value="Mystery">Mystery</option> <option value="Romance">Romance</option> <option value="Horror">Horror</option> <option value="Thriller">Thriller</option> <option value="Biographical">Biographical</option> <option value="Inspirational">Inspirational</option> <option value="Comedy">Comedy</option> <option value="Drama">Drama</option> <option value="Documentary">Documentary</option> <option value="Action">Action</option> <option value="Satire">Satire</option> </select> <select class="dropdown" id="languageSelection"> <option value="">Default (English)</option> <option value="Assamese">Assamese</option> <option value="Bengali">Bengali</option> <option value="Gujarati">Gujarati</option> <option value="Hindi">Hindi</option> <option value="Kannada">Kannada</option> <option value="Kashmiri">Kashmiri</option> <option value="Konkani">Konkani</option> <option value="Malayalam">Malayalam</option> <option value="Marathi">Marathi</option> <option value="Nepali">Nepali</option> <option value="Odia">Odia</option> <option value="Punjabi">Punjabi</option> <option value="Sanskrit">Sanskrit</option> <option value="Sindhi">Sindhi</option> <option value="Tamil">Tamil</option> <option value="Telugu">Telugu</option> <option value="Urdu">Urdu</option> <!-- Add more languages as needed --> </select> <textarea id="prompt" placeholder="Type a message..." rows="3"></textarea> <button id="generateStory" onclick="generateStory()">Generate Story</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generateStory() { var prompt = $("#prompt").val(); var category = $("#storyCategory").val(); var language = $("#languageSelection").val(); // Get the value of the selected option var storyPrompt = `Write a ${category} story for "${prompt}" in ${language} language`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: storyPrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generateStory(); // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcsi_DAleJ2-AsXX6chRh4UT0hHsx5ScTCPcSJ3q44LztIPwxh15BeIdy2wLK2oty_UBCXtLmBuC8wHSUdho_shk3ecUfrlZWshOTKto0qfNpe7u7MM4GNXaTioCWc4JsUfgS0BhUP-8gZXAZiBANePyVKNZG7WoirTJFm3rQ1BMUT4hPWZW9i10Rvfp0/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="AI Story Writing Tool" border="0" data-original-height="900" data-original-width="900" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcsi_DAleJ2-AsXX6chRh4UT0hHsx5ScTCPcSJ3q44LztIPwxh15BeIdy2wLK2oty_UBCXtLmBuC8wHSUdho_shk3ecUfrlZWshOTKto0qfNpe7u7MM4GNXaTioCWc4JsUfgS0BhUP-8gZXAZiBANePyVKNZG7WoirTJFm3rQ1BMUT4hPWZW9i10Rvfp0/w320-h320/helpnewbusiness.png" title="AI Story Writing Tool" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">AI Story Writing Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-84350296818448993402023-10-17T13:15:00.001+05:302023-10-17T13:15:57.453+05:30<div class="etool-title"> <link href="https://docs.google.com/uc?export=download&amp;id=1ZVFfFPy_Ry6S0kUo5U8NzoaHqW2MWRVr" rel="stylesheet" type="text/css"></link> <h3> Voice To Text Generating Free Online Tool</h3> </div> <div class="etool-wrapper" style="border: 0px solid rgb(255, 0, 0);"> <div id="info" style="color: red; font-size: 18px; padding: 3px 6px;"> <div id="info_start"> Click on the microphone icon and start speaking. </div> <div id="info_speak_now" style="display: none;"> Speak now || Hindi/Urdu ! </div> <div id="info_no_speech" style="display: none;"> No speech was detected. adjust your microphone settings. </div> <div id="info_no_microphone" style="display: none;"> No microphone.! Ensure that a microphone configured correctly. </div> <div id="info_allow" style="display: none;"> Click the "Allow" button above to enable your microphone. </div> <div id="info_denied" style="display: none;"> Permission to use microphone was denied. </div> <div id="info_blocked" style="display: none;"> Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream </div> <div id="info_upgrade" style="display: none;"> This facility is not supported by your browser. Upgrade to <a href="https://www.google.com/chrome" target="_blank">Chrome</a>. </div> </div> <div class="flex-box"> <select id="select_language" onchange="updateCountry()" style="margin: 1px 0px; padding: 0px;"></select> <select id="select_dialect" style="margin: 1px 0px; padding: 0px;"></select> <button id="start_button" onclick="startButton(event)" style="background: rgb(255, 255, 255); padding: 0px;" title="Click and Start Speaking"><img alt="Start" height="30" id="start_img" src="https://www.google.com/intl/en/chrome/assets/common/images/content/mic.gif" width="64" /></button> </div> <div id="results" style="background: rgb(255, 255, 255); border: 2px dotted gray; margin: 5px; min-height: 180px; padding: 5px; text-align: left;"> <span class="final" id="final_span" style="color: green; padding-right: 3px;"></span> <span class="interim" id="interim_span" style="color: red;"></span> </div> <div class="etool-button-wrapper flex-box"> <button class="etool-button" id="button1" onclick="ToClipboard('results')" title="Copy Text"><i aria-hidden="true" class="fa fa-files-o"></i> Copy</button> <button class="etool-button" id="email_button" onclick="emailButton()" title="Send through Email"><i aria-hidden="true" class="fa fa-envelope"></i> Send Email</button> <button class="etool-button" name="download" onclick="saveTextAsUnicode();" title="Download Text"><i aria-hidden="true" class="fa fa-download"></i> Download Text</button> </div> <script src="https://dl.dropbox.com/s/07a7qmtn09z2luo/Voice-Typing_API.js"></script> </div> <br/> <p>&nbsp;</p><p><br /></p><h2 style="text-align: left;">Generate Voice To Text Online</h2><p>Voice to text typing online tool is a very convenient app for students who have trouble typing on the keyboard or find it difficult to type. With its voice dictation feature, Voice to text typing online tool&nbsp;allows students to speak out their essays and papers, which are converted into text right before their eyes, voice to text typing software is a great tool for people who have difficulty typing on a keyboard or who prefer speaking to typing. Voice to text typing online tool&nbsp;allows users to speak and the computer types the words in real-time.</p><p>Voice-to-text typing is a tool that can be used to facilitate communication for people who have difficulty speaking or are unable to speak. It allows people to communicate with others through the medium of text, which can then be spoken aloud by a voice synthesizer or read silently by the user.</p><p>Voice-to-text typing is a very handy tool for those who have difficulty typing or those who prefer to type their papers by speaking out their thoughts. This software allows you to speak your own words and the computer converts the words into text. It uses the same method of speech recognition as the telephone network to turn your words into text. This makes it incredibly easy to use and is a very simple application for anyone.</p><p>Voice to text typing is a great way to get your thoughts on paper without having to type. Voice to text typing can allow you to speak your thoughts and have them converted to text in a matter of seconds. This is a very convenient way of writing and it allows you to access it at any time and place. This tool also allows you to type any sentence you’d like and speak your thoughts.</p><div><br /></div>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-2803568173554255432023-10-17T12:53:00.007+05:302024-07-09T07:56:19.502+05:30 <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Website Disclaimer Generator</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); color: white; padding: 10px; text-align: center; font-size: 20px; } #userInputs { padding: 20px; text-align: center; } #userInputs input { margin: 5px; padding: 10px; width: calc(100% - 30px); border-radius: 5px; border: 1px solid #ccc; } button { width: calc(100% - 40px); padding: 10px; margin: 20px; border-radius: 8px; border: none; color: white; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Styles for formatted text and typewriter effect */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">Website Disclaimer Generator</div> <div id="userInputs"> <input id="websiteName" placeholder="Website Name" type="text" /> <input id="websiteURL" placeholder="Website URL" type="text" /> <input id="contactEmail" placeholder="Contact Email" type="email" /> </div> <button id="generateDisclaimer" onclick="generateDisclaimer()">Generate Website Disclaimer</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generateDisclaimer() { var websiteName = $("#websiteName").val(); var websiteURL = $("#websiteURL").val(); var contactEmail = $("#contactEmail").val(); var disclaimerPrompt = `Generate a website disclaimer for the website named "${websiteName}" with URL "${websiteURL}" and contact email "${contactEmail}". Include sections for the collection of personal information, use of cookies, third-party disclosure, and user rights.`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: disclaimerPrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generateDisclaimer(); // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEQajUrQAdiz4GYk530ubab89Q2BZGN-TH5YFLj1oeT4nwbWOiaNOKc9uzrADN2b4aLrk1AhYv4KO3wiHO3hEQCPJ1czp1Cd5xsbq-ysgGEE5cZIRgqtUhyphenhyphenp7FP1odsTHlcex1CQNROVqgP1E6Qee764RJMwS8RL-Kg4laT2D_buebJ43F78XLAfwI00/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free AI Disclaimer Generator Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEQajUrQAdiz4GYk530ubab89Q2BZGN-TH5YFLj1oeT4nwbWOiaNOKc9uzrADN2b4aLrk1AhYv4KO3wiHO3hEQCPJ1czp1Cd5xsbq-ysgGEE5cZIRgqtUhyphenhyphenp7FP1odsTHlcex1CQNROVqgP1E6Qee764RJMwS8RL-Kg4laT2D_buebJ43F78XLAfwI00/w400-h400/helpnewbusiness.png" title="Free AI Disclaimer Generator Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Free AI Disclaimer Generator Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-68175815820954160732023-10-17T12:46:00.005+05:302024-07-09T07:56:27.501+05:30 <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Privacy Policy Generator</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); color: white; padding: 10px; text-align: center; font-size: 20px; } #userInputs { padding: 20px; text-align: center; } #userInputs input { margin: 5px; padding: 10px; width: calc(100% - 30px); border-radius: 5px; border: 1px solid #ccc; } button { width: calc(100% - 40px); padding: 10px; margin: 20px; border-radius: 8px; border: none; color: white; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Styles for formatted text and typewriter effect */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">Privacy Policy Generator</div> <div id="userInputs"> <input id="websiteName" placeholder="Website Name" type="text" /> <input id="websiteURL" placeholder="Website URL" type="text" /> <input id="contactEmail" placeholder="Contact Email" type="email" /> </div> <button id="generatePolicy" onclick="generatePrivacyPolicy()">Generate Privacy Policy</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generatePrivacyPolicy() { var websiteName = $("#websiteName").val(); var websiteURL = $("#websiteURL").val(); var contactEmail = $("#contactEmail").val(); var policyPrompt = `Generate a privacy policy for the website named "${websiteName}" with URL "${websiteURL}" and contact email "${contactEmail}". Include sections for the collection of personal information, use of cookies, third-party disclosure, and user rights.`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: policyPrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generatePrivacyPolicy(); // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJmnE6j71kM_AVfimJ_ti6jBtuLNwkRP-IZjJIdSjv7GgnYAivXNvcSsEatg_sRbZMN1tCLp9Q5x2zyxcZMM_deDvCDo_jZpxe8ym6UNh2hWNFmlxyACWekCh5JhSmSqukwmCFPc2uPD6cltISWVkAx3uUE0CnoELFM_0prXJYEyQQuxMA8WtOg8xrc0/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free AI Privacy Policy Generator Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJmnE6j71kM_AVfimJ_ti6jBtuLNwkRP-IZjJIdSjv7GgnYAivXNvcSsEatg_sRbZMN1tCLp9Q5x2zyxcZMM_deDvCDo_jZpxe8ym6UNh2hWNFmlxyACWekCh5JhSmSqukwmCFPc2uPD6cltISWVkAx3uUE0CnoELFM_0prXJYEyQQuxMA8WtOg8xrc0/w400-h400/helpnewbusiness.png" title="Free AI Privacy Policy Generator Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><h2 class="single-post-title entry-title" itemprop="headline" style="background-color: white; border-bottom-color: rgb(241, 241, 241); border-bottom-style: solid; border-image: initial; border-left-color: initial; border-left-style: initial; border-right-color: initial; border-right-style: initial; border-top-color: initial; border-top-style: initial; border-width: 0px 0px 1px; box-sizing: border-box; color: #333333; font-family: Arial, Helvetica, sans-serif; font-feature-settings: inherit; font-kerning: inherit; font-optical-sizing: inherit; font-size: 34px; font-stretch: inherit; font-variant-alternates: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; font-variant-position: inherit; font-variation-settings: inherit; letter-spacing: 0.6px; line-height: 1.4; margin: 0px 0px 15px; outline: 0px; padding: 0px 0px 20px; text-align: start; vertical-align: baseline;">Free AI Privacy Policy Generator Tool</h2></td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-21702021318059658392023-10-17T12:44:00.003+05:302023-10-17T12:44:17.107+05:30<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Audio Recorder</title> <style> #record-btn, #stop-btn, #download-btn { display: none; } </style> </head> <body> <h1>Audio Recorder</h1> <button id="start-btn">Start Recording</button> <button id="record-btn">Record</button> <button id="stop-btn">Stop Recording</button> <audio id="player" controls></audio> <button id="download-btn">Download</button> <script> const startBtn = document.getElementById('start-btn'); const recordBtn = document.getElementById('record-btn'); const stopBtn = document.getElementById('stop-btn'); const downloadBtn = document.getElementById('download-btn'); const player = document.getElementById('player'); let chunks = []; // Get user media and start recording startBtn.addEventListener('click', () => { navigator.mediaDevices.getUserMedia({audio: true}) .then(stream => { const mediaRecorder = new MediaRecorder(stream); mediaRecorder.start(); // Show/hide buttons startBtn.style.display = 'none'; recordBtn.style.display = 'block'; // Record audio recordBtn.addEventListener('click', () => { mediaRecorder.stop(); recordBtn.style.display = 'none'; stopBtn.style.display = 'block'; }); // Stop recording and save data mediaRecorder.addEventListener('dataavailable', e => { chunks.push(e.data); const blob = new Blob(chunks, {type: 'audio/mpeg'}); player.src = URL.createObjectURL(blob); player.style.display = 'block'; downloadBtn.style.display = 'block'; // Download audio downloadBtn.addEventListener('click', () => { const a = document.createElement('a'); document.body.appendChild(a); a.style = 'display: none'; const url = window.URL.createObjectURL(blob); a.href = url; a.download = 'recording.mp3'; a.click(); window.URL.revokeObjectURL(url); }); }); // Reset variables stopBtn.addEventListener('click', () => { chunks = []; player.pause(); player.currentTime = 0; player.style.display = 'none'; downloadBtn.style.display = 'none'; stopBtn.style.display = 'none'; startBtn.style.display = 'block'; }); }) .catch(err => { console.error(err); }); }); </script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-42812308661701879932023-10-17T12:41:00.003+05:302023-10-17T12:41:45.373+05:30<!DOCTYPE html> <html> <head> <title>URL to Image with Download Button</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/downloadjs/1.4.8/download.min.js"></script> <style> <style> /* Style for the form container */ .form-container { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 20px; padding: 20px; background-color: #f2f2f2; border-radius: 5px; } .form-container h1 { margin: 0 0 20px 0; text-align: center; font-size: 2em; } /* Style for the form elements */ form { display: flex; flex-direction: column; justify-content: center; align-items: center; } label { margin: 10px; } input { padding: 10px; border: 2px solid #ccc; border-radius: 5px; width: 100%; max-width: 500px; } button { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 10px; cursor: pointer; border-radius: 5px; } button:hover { background-color: #3e8e41; } /* Style for the image container */ .image-container { display: flex; justify-content: center; align-items: center; margin: 20px; } /* Style for the image */ .image-container img { max-width: 100%; max-height: 100%; } /* Style for the download button container */ .download-button-container { display: flex; justify-content: center; align-items: center; margin: 20px; } </style> </head> <body> <div class="form-container"> <h1>URL to Image with Download Button</h1> <form> <label for="image-url">Image URL:</label> <input type="text" id="image-url" /> <button type="button" onclick="previewImage()">Preview Image</button> </form> </div> <div class="image-container" id="image-preview-container" style="display: none;"> <img id="image-preview" alt="Preview Image" /> </div> <div class="download-button-container" id="download-button-container" style="display: none;"> <button type="button" onclick="downloadImage()">Download Image</button> </div> <script> function previewImage() { // Get the image URL from the user input const imageUrl = document.getElementById("image-url").value; // Set the <img> element's source to the image URL and show the image container const imagePreview = document.getElementById("image-preview"); imagePreview.src = imageUrl; const imagePreviewContainer = document.getElementById("image-preview-container"); imagePreviewContainer.style.display = "flex"; // Show the download button container const downloadButtonContainer = document.getElementById("download-button-container"); downloadButtonContainer.style.display = "flex"; } function downloadImage() { const imageUrl = document.getElementById("image-preview").src; const link = document.createElement("a"); link.download = "image.jpg"; link.href = imageUrl; link.click(); } </script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-73751425176180796992023-10-17T12:38:00.004+05:302024-07-09T07:56:38.310+05:30 <html> <head> <title>Terms and Conditions Generator</title> <style> * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: Arial, sans-serif; } #generator-form { display: flex; flex-direction: column; align-items: center; margin: 20px; } #generator-form label { margin: 10px 0; font-weight: bold; } #generator-form input[type="text"] { padding: 10px; border-radius: 5px; border: 1px solid #ccc; width: 100%; margin-bottom: 20px; } #generator-form button { padding: 10px 20px; background-color: #1e90ff; color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } #output { margin: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 20px; } h1 { font-size: 24px; margin-bottom: 10px; } h2 { font-size: 20px; margin: 20px 0 10px; } p { font-size: 16px; margin: 10px 0; line-height: 1.5; } a { color: #1e90ff; } a:hover { text-decoration: underline; } </style> </head> <body> <div id="generator-form"> <h1>Terms and Conditions Generator</h1> <label for="website-name">Website Name:</label> <input id="website-name" placeholder="Enter your website name" type="text" /> <label for="website-url">Website URL:</label> <input id="website-url" placeholder="Enter your website URL" type="text" /> <label for="email-address">Email Address:</label> <input id="email-address" placeholder="Enter your email address" type="text" /> <button id="generate-button">Generate Terms and Conditions</button> </div> <div id="output"></div> <script> const generateButton = document.querySelector('#generate-button'); const output = document.querySelector('#output'); generateButton.addEventListener('click', () => { const websiteName = document.querySelector('#website-name').value; const websiteUrl = document.querySelector('#website-url').value; const emailAddress = document.querySelector('#email-address').value; const termsAndConditions = ` <h1>Terms and Conditions</h1> <p>Please read these Terms and Conditions ("Terms", "Terms and Conditions") carefully before using the ${websiteName} website (the "Service") operated by ${websiteName} ("us", "we", or "our").</p> <h2>Accounts</h2> <p>When you create an account with us, you must provide us information that is accurate, complete, and current at all times. Failure to do so constitutes a breach of the Terms, which may result in immediate termination of your account on our Service.</p> <p>You are responsible for safeguarding the password that you use to access the Service and for any activities or actions under your password, whether your password is with our Service or a third-party service.</p> <p>You agree not to disclose your password to any third party. You must notify us immediately upon becoming aware of any breach of security or unauthorized use of your account.</p> <h2>Links To Other Web Sites</h2> <p>Our Service may contain links to third-party web sites or services that are not owned or controlled by ${websiteName}.</p> <p>${websiteName} has no control over, and assumes no responsibility for, the content, privacy policies, or practices of any third party web sites or services. You further acknowledge and agree that ${websiteName} shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such web sites or services.</p> <h2>Changes</h2> <p>We reserve the right, at our sole discretion, to modify or replace these Terms at any time. If a revision is material we will try to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at our sole discretion.</p> <h2>Contact Us</h2> <p>If you have any questions about these Terms, please contact us at ${emailAddress}.</p> `; output.innerHTML = termsAndConditions; }); </script> </body> </html> <html lang="en"> <head> <meta charset="UTF-8"></meta> <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta> <title>Terms & Condition Generator</title> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <style> body { font-family: 'Arial', sans-serif; background-color: #f2f2f2; margin: 0; padding: 20px; box-sizing: border-box; } #chatContainer { background-color: #fff; border-radius: 8px; overflow: hidden; width: 100%; max-width: 800px; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #chatHeader { background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); color: white; padding: 10px; text-align: center; font-size: 20px; } #userInputs { padding: 20px; text-align: center; } #userInputs input { margin: 5px; padding: 10px; width: calc(100% - 30px); border-radius: 5px; border: 1px solid #ccc; } button { width: calc(100% - 40px); padding: 10px; margin: 20px; border-radius: 8px; border: none; color: white; font-size: 16px; cursor: pointer; background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%); transition: all 0.3s ease; } button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } #chatBody { padding: 20px; max-height: 300px; overflow-y: auto; } .messageContainer { display: flex; justify-content: flex-end; margin-bottom: 10px; } .message { background-color: #e2f0cb; padding: 10px; border-radius: 5px; max-width: 70%; word-wrap: break-word; } #progressOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } /* Styles for formatted text and typewriter effect */ .formatted-text { white-space: pre-wrap; /* Keeps white space and line breaks */ } .formatted-text a { color: #007bff; text-decoration: none; } .formatted-text a:hover { text-decoration: underline; } </style> </head> <body> <div id="chatContainer"> <div id="chatHeader">Terms &amp; Condition Generator</div> <div id="userInputs"> <input id="websiteName" placeholder="Website Name" type="text" /> <input id="websiteURL" placeholder="Website URL" type="text" /> <input id="contactEmail" placeholder="Contact Email" type="email" /> </div> <button id="generateTerms" onclick="generateTerms()">Generate Terms &amp; Condition</button> <div id="chatBody"></div> </div> <div id="progressOverlay"> <div>Thinking...</div> </div> <script> function generateTerms() { var websiteName = $("#websiteName").val(); var websiteURL = $("#websiteURL").val(); var contactEmail = $("#contactEmail").val(); var termsPrompt = `Generate a terms and condition for the website named "${websiteName}" with URL "${websiteURL}" and contact email "${contactEmail}". Include sections for the collection of personal information, use of cookies, third-party disclosure, and user rights.`; $('#progressOverlay').show(); // Show progress overlay // how to get API key // https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4 var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key var apiUrl = 'https://api.openai.com/v1/chat/completions'; var requestBody = { model: 'gpt-3.5-turbo', messages: [{ role: 'user', content: termsPrompt }], temperature: 0.7 }; $.ajax({ type: 'POST', url: apiUrl, headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + apiKey }, data: JSON.stringify(requestBody), success: function(response) { $('#progressOverlay').hide(); // Hide progress overlay addTypewriterEffect(response.choices[0].message.content, 'chatBody'); }, error: function(error) { $('#progressOverlay').hide(); // Hide progress overlay on error console.error('Error generating privacy policy:', error); } }); } function formatResponseText(text) { // Convert URLs into hyperlinks text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); // Detect headings and make them bold text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); // Replace newline characters with <p> tags for paragraphs // text = text.replace(/\n/g, '</p><p>'); // Wrap the text in <p> tags to ensure it starts and ends as a paragraph return '<p>' + text + '</p>'; } function addTypewriterEffect(text, elementId) { var formattedText = formatResponseText(text); var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId); var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container); var i = 0; var speed = 10; // Typing speed in milliseconds function typeWriter() { if (i < formattedText.length) { var charToAdd = formattedText.charAt(i); if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd; } else if (formattedText.charAt(i) === '<') { var tagEnd = formattedText.indexOf('>', i) + 1; charToAdd = formattedText.substring(i, tagEnd); i = tagEnd - 1; } message.append(charToAdd); i++; setTimeout(typeWriter, speed); } else { var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container); copyIcon.click(function() { var textToCopy = message.text(); navigator.clipboard.writeText(textToCopy).then(function() { alert('Text copied to clipboard!'); }, function(err) { console.error('Could not copy text: ', err); }); }); var regenerateIcon = $('<div class="regenerateIcon">&#x1F501;</div>').appendTo(container); regenerateIcon.click(function() { $('#chatBody').html(''); // Clear the previous messages generateTerms(); // Call generatePrivacyPolicy function to regenerate the policy }); } } typeWriter(); } function formatResponseText(text) { text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>'); text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>'); text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>'); return text; } </script> <style> .regenerateIcon, .copyIcon { cursor: pointer; display: inline-block; margin-left: 10px; font-size: 20px; /* Adjust size as needed */ } .userMessage .message { background-color: #e2f0cb; } #progressOverlay { display: none; /* Initially hidden */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #progressOverlay > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 20px; } </style> <div id="progressOverlay"> <div>Thinking...</div> </div> </body></html> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyt32gTqR0WgoB8Ac0TWat64KsRpHg4vh7BiwNZtn1pIcpvgAk5CJmHo5-lEOVSkAhZuou3LQud-v1saA2k_6RSw1wW6jRG9AqZe6kZwFXdzuMlSllNtgKJZDz3S7lMOXIvD-im7_1f34tEF1lmIGOPpvEwwRCYtK8EJKoYHaVpEOM_CpG2gxsGdpUynI/s900/helpnewbusiness.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Free AI Terms And Condition Tool" border="0" data-original-height="900" data-original-width="900" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyt32gTqR0WgoB8Ac0TWat64KsRpHg4vh7BiwNZtn1pIcpvgAk5CJmHo5-lEOVSkAhZuou3LQud-v1saA2k_6RSw1wW6jRG9AqZe6kZwFXdzuMlSllNtgKJZDz3S7lMOXIvD-im7_1f34tEF1lmIGOPpvEwwRCYtK8EJKoYHaVpEOM_CpG2gxsGdpUynI/w400-h400/helpnewbusiness.png" title="Free AI Terms And Condition Tool" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Free AI Terms And Condition Tool</td></tr></tbody></table><br />Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-74184853555776157952023-10-17T12:18:00.000+05:302023-10-17T12:18:38.173+05:30<!DOCTYPE html> <html> <head> <title>Image Compressor</title> <style> body { font-family: Arial, sans-serif; text-align: center; } h1 { color: #333; } #inputImage { display: none; } .file-input-label { display: inline-block; padding: 10px 20px; background-color: #4caf50; color: #fff; cursor: pointer; transition: background-color 0.2s ease-in-out; } .file-input-label:hover { background-color: #45a049; } #preview { max-width: 400px; margin-bottom: 20px; } .progress-bar { width: 100%; height: 20px; background-color: #f1f1f1; border-radius: 4px; overflow: hidden; margin-bottom: 20px; } .progress-bar span { display: block; height: 100%; background-color: #4caf50; transition: width 0.2s ease-in-out; } .download-btn { display: inline-block; padding: 10px 20px; background-color: #4caf50; color: #fff; cursor: pointer; border-radius: 4px; transition: background-color 0.2s ease-in-out; text-decoration: none; } .download-btn:hover { background-color: #45a049; } </style> </head> <body> <h1>Image Compressor</h1> <input type="file" id="inputImage" accept="image/*"> <label for="inputImage" class="file-input-label">Select Image</label> <br> <div class="progress-bar"> <span style="width: 0;"></span> </div> <img id="preview" src="#" alt="Preview"> <br> <a id="downloadBtn" class="download-btn" href="#" download="compressed_image.jpg" style="display: none;">Download Compressed Image</a> <script> // Function to compress the image function compressImage(image) { var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); var maxWidth = 400; // Maximum width for the compressed image var maxHeight = 400; // Maximum height for the compressed image var width = image.width; var height = image.height; // Calculate the new dimensions for the image if (width > height) { if (width > maxWidth) { height *= maxWidth / width; width = maxWidth; } } else { if (height > maxHeight) { width *= maxHeight / height; height = maxHeight; } } // Set the canvas dimensions canvas.width = width; canvas.height = height; // Draw the image on the canvas ctx.drawImage(image, 0, 0, width, height); // Get the compressed data from the canvas as a base64-encoded JPEG var compressedData = canvas.toDataURL('image/jpeg', 0.7); // Change the quality as desired (0.7 = 70% quality) return compressedData; } // Function to handle file selection function handleFileSelect(event) { var input = event.target; var reader = new FileReader(); reader.onload = function () { var img = new Image(); img.onload = function () { var progressBar = document.querySelector('.progress-bar span'); var downloadBtn = document.getElementById('downloadBtn'); var startTime = Date.now(); var compressionTime = 5000; // 5 seconds for compression var interval = setInterval(function () { var elapsedTime = Date.now() - startTime; var progress = Math.min((elapsedTime / compressionTime) * 100, 100); progressBar.style.width = progress + '%'; if (progress >= 100) { clearInterval(interval); var compressedImage = compressImage(img); document.getElementById('preview').src = compressedImage; downloadBtn.href = compressedImage; downloadBtn.style.display = 'inline-block'; } }, 100); }; img.src = reader.result; }; reader.readAsDataURL(input.files[0]); } // Attach the event listener to the file input document.getElementById('inputImage').addEventListener('change', handleFileSelect); </script> </body> </html> Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-4305893560684010522023-10-17T12:01:00.001+05:302023-10-17T12:01:40.777+05:30<!DOCTYPE html> <html> <head> <title>Image to Text Converter</title> <style> * { box-sizing: border-box; } body { font-family: Arial, sans-serif; background-color: #f1f1f1; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1 { text-align: center; color: #333; } #imagePreview { width: 100%; height: auto; margin-bottom: 20px; } .upload-button { display: block; width: 100%; padding: 10px; margin-bottom: 20px; font-size: 16px; text-align: center; border: none; border-radius: 4px; background-color: #4CAF50; color: #fff; cursor: pointer; } .upload-button:hover { background-color: #45a049; } #convertedText { width: 100%; min-height: 100px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; } .convert-button { display: block; width: 100%; padding: 10px; margin-top: 10px; font-size: 16px; text-align: center; border: none; border-radius: 4px; background-color: #4CAF50; color: #fff; cursor: pointer; } .convert-button:hover { background-color: #45a049; } </style> <script src="https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js"></script> <script> function convertImageToText() { var fileInput = document.getElementById("imageInput"); var file = fileInput.files[0]; if (file) { var reader = new FileReader(); reader.onload = function(e) { var img = new Image(); img.onload = function() { Tesseract.recognize(img) .then(function(result) { document.getElementById("convertedText").value = result.text; }) .catch(function(error) { console.error(error); }); }; img.src = e.target.result; img.id = "imagePreview"; document.getElementById("imageContainer").innerHTML = ""; document.getElementById("imageContainer").appendChild(img); }; reader.readAsDataURL(file); } } </script> </head> <body> <div class="container"> <h1>Image to Text Converter</h1> <input type="file" id="imageInput" accept="image/*" style="display: none;"> <label for="imageInput" class="upload-button">Upload Image</label> <div id="imageContainer"></div> <textarea id="convertedText" placeholder="Converted Text" readonly></textarea> <button class="convert-button" onclick="convertImageToText()">Convert Image to Text</button> </div> </body> </htmlDeepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-64085047626326518432023-10-17T11:56:00.007+05:302024-07-04T19:42:18.009+05:30<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Text-To-Speech | Cosas Learning</title> <!-- Importing the CSS file --> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <header> <div class="logo"><img src="logo.png" alt="Logo"></div> <div class="heding"><h1>Text-To-Speech Converter</h1></div> </header> <div class="hero_section"> <!-- Text-To-Speech --> <div class="text_to_Speech"> <div class="row_box"> <label>Enter Text</label> <textarea></textarea> </div> <div class="row_box"> <label>Select Voice</label> <div class="select_box"> <select></select> </div> </div> <button id="convert_speech">Convert To Speech</button> <button id="clearBtn" class="hide">Clear Text</button> </div> </div> </div> <!-- Importing the JavaScript file --> <script src="script.js"></script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-24090767987982308932023-10-17T11:50:00.001+05:302023-10-17T11:51:26.244+05:30<!DOCTYPE html> <html> <head> <title>Video to Audio Converter</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 20px; text-align: center; } h1 { margin-bottom: 20px; } .container { display: flex; flex-direction: column; align-items: center; } #videoFile { margin-bottom: 20px; } #convertButton { padding: 10px 20px; font-size: 16px; background-color: #4CAF50; color: white; border: none; cursor: pointer; } #downloadLink { display: none; margin-top: 20px; font-size: 16px; text-decoration: none; background-color: #4CAF50; color: white; padding: 10px 20px; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>Video to Audio Converter</h1> <div class="container"> <input type="file" id="videoFile" accept="video/*"> <button id="convertButton" onclick="convertVideoToAudio()">Convert</button> <br><br> <a id="downloadLink"></a> </div> <script> function convertVideoToAudio() { var videoFile = document.getElementById('videoFile').files[0]; if (videoFile) { var reader = new FileReader(); reader.onload = function (event) { var videoData = event.target.result; var videoBlob = new Blob([videoData], { type: videoFile.type }); var videoUrl = URL.createObjectURL(videoBlob); var video = document.createElement('video'); video.src = videoUrl; video.onloadedmetadata = function () { var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); var mediaSource = audioCtx.createMediaElementSource(video); var audioDestination = audioCtx.createMediaStreamDestination(); mediaSource.connect(audioDestination); var audioStream = audioDestination.stream; var mediaRecorder = new MediaRecorder(audioStream); var audioChunks = []; mediaRecorder.ondataavailable = function (event) { audioChunks.push(event.data); }; mediaRecorder.onstop = function () { var audioBlob = new Blob(audioChunks, { type: 'audio/wav' }); var audioUrl = URL.createObjectURL(audioBlob); var audio = document.createElement('audio'); audio.controls = true; audio.src = audioUrl; var downloadLink = document.getElementById('downloadLink'); downloadLink.href = audioUrl; downloadLink.download = 'audio.wav'; downloadLink.innerHTML = 'Download Audio'; downloadLink.style.display = 'block'; document.body.appendChild(audio); }; mediaRecorder.start(); video.play(); setTimeout(function () { mediaRecorder.stop(); }, video.duration * 1000); }; document.body.appendChild(video); }; reader.readAsArrayBuffer(videoFile); } } </script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-91044098232924828322023-10-17T11:47:00.005+05:302023-10-17T11:52:21.177+05:30<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>URL Shortener</title> <style> /* CSS styles for the URL Shortener */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } h1 { text-align: center; } .form-group { margin-bottom: 15px; } label { display: block; font-weight: bold; margin-bottom: 5px; } input[type="text"], input[type="submit"] { width: 100%; padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; } input[type="submit"] { background-color: #4caf50; color: #fff; cursor: pointer; transition: background-color 0.3s ease; } input[type="submit"]:hover { background-color: #45a049; } .result { margin-top: 20px; padding: 10px; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .result a { color: #4caf50; text-decoration: none; font-weight: bold; } @media (max-width: 600px) { /* Responsive styles for smaller screens */ .container { padding: 10px; } input[type="text"], input[type="submit"] { font-size: 14px; } } </style> </head> <body> <div class="container"> <h1>URL Shortener</h1> <div class="form-group"> <label for="originalUrl">Enter the URL to shorten:</label> <input type="text" id="originalUrl" placeholder="Enter URL"> </div> <div class="form-group"> <input type="submit" value="Shorten" onclick="shortenUrl()"> </div> <div id="result" class="result"></div> </div> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> // JavaScript code for the URL Shortener function shortenUrl() { var originalUrl = document.getElementById("originalUrl").value; var resultDiv = document.getElementById("result"); // Clear previous results resultDiv.innerHTML = ""; // Send AJAX request using Axios axios.get("https://api.shrtco.de/v2/shorten?url=" + encodeURIComponent(originalUrl)) .then(function(response) { var data = response.data; if (data.ok) { var shortUrl = data.result.full_short_link; resultDiv.innerHTML = "<p><strong>Shortened URL:</strong> <a href='" + shortUrl + "' target='_blank'>" + shortUrl + "</a></p>"; } else { resultDiv.innerHTML = "<p style='color: red;'>Error occurred while shortening the URL.</p>"; } }) .catch(function(error) { resultDiv.innerHTML = "<p style='color: red;'>Error occurred while shortening the URL.</p>"; }); } </script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-29579734995754627722023-10-17T11:45:00.001+05:302023-10-17T12:04:59.355+05:30<!DOCTYPE html> <html> <head> <title>Fast.com Web View</title> <style> html, body { margin: 0; padding: 0; height: 100%; } #webview { width: 100%; height: 100%; border: none; } </style> </head> <body> <iframe id="webview"></iframe> <script> window.onload = function() { var webview = document.getElementById("webview"); function resizeWebview() { webview.style.height = window.innerHeight + "px"; } // Resize the web view when the window is resized window.addEventListener("resize", resizeWebview); // Load the Fast.com website into the web view webview.src = "https://fast.com"; // Initially resize the web view resizeWebview(); }; </script> </body> </html>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-64932309161880500642023-10-17T11:38:00.005+05:302023-10-17T12:05:38.894+05:30<!doctype html> Advanced Text Editor <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .editor-container { display: flex; flex-direction: column; height: 100vh; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .toolbar { display: flex; align-items: center; padding: 8px; background-color: #f0f0f0; border-bottom: 1px solid #ccc; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .toolbar button, .toolbar select { margin-right: 8px; background-color: transparent; border: none; cursor: pointer; } .toolbar select { cursor: pointer; } .editor { flex-grow: 1; padding: 16px; border: 1px solid #ccc; outline: none; font-size: 14px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); } .status-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px; background-color: #f0f0f0; border-top: 1px solid #ccc; box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); } .status-bar span { margin-right: 16px; } </style> <div class="editor-container"> <div class="toolbar"> <button id="boldButton"><b>B</b></button> <button id="italicButton"><i>I</i></button> <button id="underlineButton"><u>U</u></button> <button id="strikeThroughButton"><s>S</s></button> <select id="fontFamilySelect"> <option value="Arial" />Arial <option value="Helvetica" />Helvetica <option value="Times New Roman" />Times New Roman </select> <select id="fontSizeSelect"> <option value="12" />12px <option value="14" />14px <option value="16" />16px </select> <input type="color" id="textColorInput" /> <input type="color" id="bgColorInput" /> <button id="undoButton">Undo</button> <button id="redoButton">Redo</button> </div> <div contenteditable="true" class="editor" id="editor"></div> <div class="status-bar"> <span id="wordCount"></span> <span id="cursorPosition"></span> </div> </div> <script> // Wait for the document to be fully loaded document.addEventListener('DOMContentLoaded', function() { // Get the editor element var editor = document.getElementById('editor'); // Get the toolbar buttons var boldButton= document.getElementById('boldButton'); var italicButton = document.getElementById('italicButton'); var underlineButton = document.getElementById('underlineButton'); var strikeThroughButton = document.getElementById('strikeThroughButton'); var fontFamilySelect = document.getElementById('fontFamilySelect'); var fontSizeSelect = document.getElementById('fontSizeSelect'); var textColorInput = document.getElementById('textColorInput'); var bgColorInput = document.getElementById('bgColorInput'); var undoButton = document.getElementById('undoButton'); var redoButton = document.getElementById('redoButton'); // Add event listeners to the toolbar buttons boldButton.addEventListener('click', function() { document.execCommand('bold', false, null); }); italicButton.addEventListener('click', function() { document.execCommand('italic', false, null); }); underlineButton.addEventListener('click', function() { document.execCommand('underline', false, null); }); strikeThroughButton.addEventListener('click', function() { document.execCommand('strikeThrough', false, null); }); fontFamilySelect.addEventListener('change', function() { var fontFamily = fontFamilySelect.value; document.execCommand('fontName', false, fontFamily); }); fontSizeSelect.addEventListener('change', function() { var fontSize = fontSizeSelect.value; document.execCommand('fontSize', false, fontSize); }); textColorInput.addEventListener('change', function() { var textColor = textColorInput.value; document.execCommand('foreColor', false, textColor); }); bgColorInput.addEventListener('change', function() { var bgColor = bgColorInput.value; document.execCommand('backColor', false, bgColor); }); undoButton.addEventListener('click', function() { document.execCommand('undo', false, null); }); redoButton.addEventListener('click', function() { document.execCommand('redo', false, null); }); // Update word count function updateWordCount() { var content = editor.innerText; var words = content.trim().split(/\s+/).length; document.getElementById('wordCount').textContent = 'Word Count: ' + words; } // Update cursor position function updateCursorPosition() { var selection = window.getSelection(); var caretOffset = selection.focusOffset; document.getElementById('cursorPosition').textContent = 'Cursor Position: ' + caretOffset; } // Add event listeners to update word count and cursor position editor.addEventListener('input', function() { updateWordCount(); }); editor.addEventListener('keyup', function() { updateWordCount(); updateCursorPosition(); }); editor.addEventListener('mouseup', function() { updateCursorPosition(); }); }); </script> </!doctype>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-31229055051881311882023-10-12T12:35:00.003+05:302023-10-12T12:35:49.496+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/pXisAu6HV20?si=8Vqe_zXO9B5x30SX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-61443876292426544872023-10-12T12:29:00.001+05:302023-10-12T12:29:23.557+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/1lMXrKCbseA?si=D4xGB4FnmJV__UUo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-31997146727633380772023-10-12T12:28:00.001+05:302023-10-12T12:28:27.270+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/E-GjLYn2Vhs?si=8C5cgi7xF7q6l03a" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-19337526749766972102023-10-12T12:27:00.001+05:302023-10-12T12:27:27.342+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/5hwNRTJq6IA?si=vWSL5kYM_AK_xX6m" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-66855965383069351482023-10-12T12:26:00.001+05:302023-10-12T12:26:14.552+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/cDGvLarNaPY?si=kEeywO3fuOw1omIg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0tag:blogger.com,1999:blog-5826537652367673991.post-22657045678810739992023-10-12T12:25:00.001+05:302023-10-12T12:25:18.600+05:30<iframe width="560" height="315" src="https://www.youtube.com/embed/ci-_JHZi-6o?si=_Ru4wxUmkaVBQwlK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>Deepak batrahttp://www.blogger.com/profile/09259386627651652874noreply@blogger.com0